﻿/* RESET */

*{
    margin: 0;
    padding: 0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
li {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
img{
    border: none;
}
input[type="submit"],
input[type="text"]{
    -webkit-appearance: none;
}

/* GENERALS */

body{
    
    font-size:15px;
    color: #313131;
    background: #e1e3e4;
    overflow-x:hidden;
}

a{
    color:#3c948b;
    text-decoration:none;

    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
a:hover{
    color: #313131;
    text-decoration:none;
}

.x-h1{
    font-size: 45px;
}

h1, h2, h3, h4, h5, h6{
    margin-bottom:23px;
    font-weight: normal;
    line-height: 170%;
}
h1, .h1{
    font-size:34px;
}
h2, .h2{
    font-size:26px;
}
h3, .h3{
    font-size:21px;
}
h4{
    font-size:15px;
}
h5{
    font-size:15px;
}
h6{
    font-size:12px;
}

.h4{
    font-size: 18px;

}

h4.hr{
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d6d5;
    line-height: normal;
}

p,
blockquote,
.p{
    margin-bottom:23px;
    line-height:190%;
}

img{
    max-width: 100%;
    height: auto;
}

input, textarea, select{
    
    font-size: 15px;
    color: #313131;
}

/* FONTS */

.italic{ font-style:italic; }

.font-default{
    
}
.thin{
    
}
.bold{
    
    font-weight: normal;
}
.x-bold{
    
    font-weight: bold;
}

.underline{ text-decoration:underline; }

.align-right{ text-align:right; }

.strikethrough { text-decoration:line-through; }

.link-underline{
    border-bottom: 1px solid rgba(60, 148, 139, 0.5);
    cursor: pointer;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.link-underline:hover{
    border-bottom-color: rgba(60, 148, 139, 0);
    color: #3C948B;
}

.left{ float:left; }
.right{ float:right; }

.color-default{ color: #313131; }
.color-green{ color: #3c948b; }
.color-twitter{ color: #4099FF; }
.color-facebook{ color: #3B5998; }

.heading-title{
    
    font-size: 30px;
}
.heading-title.border-bottom {
  padding-bottom: 10px;
  border-bottom: 5px solid #343434;
}

.heading-title-large{
    
    font-size: 55px;
}

.small-text{
    font-size: 14px;
}
.line-height{
    line-height: normal;
}

.horizontal-center{
    text-align: center;
}
.vertical-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 100%;
}

/* HEADING-H4 */

.heading-h4{
    
    line-height: 170%;
    overflow: hidden;
}
.heading-h4 em{
    font-style: normal;
}
.heading-h4 strong{
    margin-right: 5px;
}
.heading-h4 .list {
    margin-bottom: 23px;
    overflow: hidden;
}
.heading-h4 .list li{
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #D2D6D5;
    font-size: 14px;
}
.heading-h4 .list li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.heading-h4 .list li a{
    margin: 0 3px;
    text-decoration: underline;
    font-weight: bold;
}

/* OTHERS */

.clear{ clear:both; }
.hide{ display:none; }

.m-0{ margin: 0!important; }
.no-mb{ margin-bottom: 0; }
.margin-auto{ margin: 0 auto; }

.width-full{ width: 100%; }

.inner{
    max-width:1423px;
    margin:0 auto;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.inner.width-1{ max-width:1000px; }
.inner.width-2{ max-width:941px; }
.inner.width-3{ max-width:700px; }
.inner.width-4{ max-width:800px; }
.inner.full-width{
    max-width: 100%;
    width: 100%;
    padding: 0 23px 0 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inner.full-width .grid{
    margin: 0;
}

/* GRID */

.grid {
    clear: both;
    margin: 0 23px 0 0;
}
.grid:after{
    content: '';
    display: block;
    clear: both;
}
.grid.no-clear:after{
    display: none;
}
.inner .grid {
    margin: 0 0 0 -23px;
}
.grid .col{
    position: relative;
    float: left;
    padding: 0 0 23px 23px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}
.grid .col.first{
    padding-left: 0;
}
.grid.test .col .content {
    padding: 20px 0;
    background: #DF6C4F;
    color: #FFF;
    text-align: center;
}
.grid .col.n-1 {
    width: 8.33%;
}
.grid .col.n-2 {
    width: 16.66%;
}
.grid .col.n-2-5 {
    width: 20%;
}
.grid .col.n-3 {
    width: 25%;
}
.grid .col.n-4 {
    width: 33.33%;
}
.grid .col.n-5 {
    width: 41.66%;
}
.grid .col.n-6 {
    width: 50%;
}
.grid .col.n-7 {
    width: 58.33%;
}
.grid .col.n-8 {
    width: 66.66%;
}
.grid .col.n-9 {
    width: 75%;
}
.grid .col.n-9-5 {
    width: 80%;
}
.grid .col.n-10 {
    width: 83.33%;
}
.grid .col.n-11 {
    width: 91.66%;
}
.grid .col.n-12 {
    width: 100%;
}

.pad-left{
    padding-left: 23px;
}
.mar-left{
    margin-left: 23px;
}

.grid.one-row .col,
.grid .col.one-row,
.grid.one-row .col .list-item > li,
.grid.one-row p:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}

.col-2 .col:nth-of-type(2n+1),
.col-3 .col:nth-of-type(3n+1),
.col-6 .col:nth-of-type(6n+1) {
    clear: both;
}

/* align-center */

.grid.align-center{
    text-align: center;
}
.grid.align-center .col{
    float: none;
    display: inline-block;
}

/* BLOCK */

.block{
    position: relative;
    padding: 0 0 50px 0;
}
.block.style2{
    margin-bottom: 50px;
    padding-top: 50px;
    border-top: 1px solid #d2d6d5;
    border-bottom: 1px solid #d2d6d5;
}
.block.style3{
    padding-top: 50px;
    border-top: 1px solid #d2d6d5;
}
.block.style4{
    margin-bottom: 50px;
    border-bottom: 1px solid #d2d6d5;
}
.block.style5{
    padding: 0;
}
.block.style6{
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 0;
    border-top: 1px solid #d2d6d5;
}
.block.light{
    background-color: #F4F4F4;
    border-top: none;
}
.block:after{
    content: '';
    display: block;
    clear: both;
}
.block:first-child,
.block.first{
    padding-top: 50px;
}

.block.last{
    padding-bottom: 0;
}
.block:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.block.min-height{
    min-height: 300px;
}

/* CONTENT */

#content{
    clear: both;
    position:relative;

    -webkit-transition: padding .25s ease-out;
    transition: padding .25s ease-out;
}
#content:after{
    content:'';
    display:block;
    clear:both;
}

/* TABLE MIDDLE */

.box-table{
    display: table;
    width: 100%;
    height: 100%;
}
.box-table.absolute{
    position: absolute;
    top: 0;
    left: 0;
}
.box-table .box-cell{
    display: table-cell;
    vertical-align: middle;
}

/* FORMS */

.text-input {
    display:block;
    height: 40px;
    padding: 0 15px;
    background: #F4F4F4;
    border: 1px solid #D6D6D6;
    border-radius: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.text-input[type="number"] {
    padding-right: 0;
}
.text-input:focus {
    outline: none;
    background-color: #fff;
}
textarea.text-input {
    padding:15px;
}
.text-input.disable {
    background-color:#ccc;
}

/* ICON-CABLE */

.icon-cable {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(../img/cable.svg) center no-repeat;
    background-size: auto 100%;
}
.icon-cable.large {
    width: 100px;
    height: 100px;
}

/* BT-QUESTIONS */

.bt-questions{
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    background: #A6ABAB;
    border-radius: 50%;
    cursor: pointer;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.bt-questions:hover{
    opacity: 0.75;
}

/* CUSTOM INPUTS */

.filter-sites li {
    height: 15px;
}
.filter-sites li:after {
    content: '';
    display: block;
    clear: both;
}
.filter-sites li a {
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 23px;
    line-height: normal;
    color: #737373;
    cursor: pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.filter-sites li a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-color: #4D4D4D;
}
.filter-sites li a:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #A6ABAB;

    -webkit-transition: background .25s ease-out;
    transition: background .25s ease-out;
}
.filter-sites li.active a:after {
    background-color: #3C948B;
}

.filter-sites li a:hover {
    opacity: .75;
}

/* Filter - icons */

.filter-sites li.other {
    height: auto;
    padding-bottom: 5px;
    border-bottom: 1px solid #3D3D3D;
}
.filter-sites li.other a{
    position: relative;
    left: -3px;
    display: block;
    margin-bottom: 10px;
    padding-left: 0;
}
.filter-sites li.other a.active{
    color: #fff;
}
.filter-sites li.other .icon:before {
    position: relative;
    top: 2px;
    left: 0;
    width: auto;
    height: auto;
    margin-right: 6px;
    font-size: 20px;
    line-height: 22px;
    background-color: transparent;
}

/* Filter - device */

.filter-sites li.device {
    position: relative;
    left: -3px;
    height: auto;
    overflow: inherit;
}
.filter-sites li.device .icon {
    position: relative;
    float: left;
    padding-left: 0;
    cursor: pointer;
}
.filter-sites li.device .icon.active {
    color: #fff;
}
.filter-sites li.device .icon:before {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 20px;
}
.filter-sites li.device .ico-mobile:after {
    position: static;
    display: inline-block;
    float: left;
    width: 1px;
    height: 22px;
    margin: 0 10px;
    background-color: #3D3D3D;
}

.filter-sites li.device .icon .tooltip {
    top: -37px;
    
}
.filter-sites li.device .icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
    top: -57px;
    left: -20px;
    min-width: 102px;
}
.filter-sites li.device .icon.ico-mobile:hover .tooltip {
    left: -3px;
}
.filter-sites li.device .icon:hover .tooltip:after {
    left: 29px;
}

/* Style 2 */

.filter-sites li.device.style2 {
    position: static;
}
.filter-sites li.device.style2 .icon {
    color: #A6ABAB;
}
.filter-sites li.device.style2 .icon.active {
    color: #313131;
}
.filter-sites li.device.style2 .ico-mobile:after {
    background-color: #D2D6D5;
}

/* BUTTONS */

.button{
    display:inline-block;
    height:40px;
    line-height:41px;
    padding:0 15px;
    background-color:#3c948b;
    color:#fff;
    cursor:pointer;
    border:none;
    border-radius: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.button.small {
    height: 23px;
    line-height: 24px;
    font-size: 13px;
}
.button.large {
    height: 50px;
    line-height: 50px;
}
.button.x-large {
    height: 66px;
    line-height: 67px;
}
.button.dark{
    background-color: #444;
}
.button.red{
    background-color: #FF424C;
    color: #fff;
}
.button.gray{
    line-height:39px;
    background-color: transparent;
    color: #313131;
    border: 1px solid #D2D6D5;
}
.button.voted {
    background: #444;
    cursor: default;
}
.button.unfollow {
    border: 1px solid #D2D6D5;
    background-color: transparent;
    color: #313131;
}
.button.bold {
    font-size: 14px;
}
.button:hover{
    opacity: 0.75;
    color: #fff;
}
.button.unfollow:hover,
.button.gray:hover {
    background-color: #D2D6D5;
    color: #313131;
}

/* SELECT */

.select-box {
    position: relative;
    width: 200px;
    height: 40px;
    border: 1px solid #D6D6D6;
    background-color: #F4F4F4;
    border-radius: 2px;
    overflow: hidden;
}
.select-box:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 15px;
    height: 0;
    width: 0;
    margin: -22px 0 0 0;
    pointer-events: none;
    border: solid transparent;
    border-top-color: #313131;
    border-width: 8px 6px;
}
.select-box:before {
    content:'';
    position:absolute;
    top: 0;
    right: 0;
    display:block;
    width:40px;
    height:40px;
    background:#F4F4F4;
    pointer-events:none;
}
.select-box select {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 15px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.select-box select * {
    width: 50%;
}
.select-box select:focus {
    outline: 0;
}

/* INPUT-FILE */

.input-file {
    position: relative;
    width: 200px;
    height: 40px;
    border: 1px solid #D6D6D6;
    background-color: #F4F4F4;
    border-radius: 2px;
    overflow: hidden;
}
.input-file input:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 146px;
    height: 40px;
    background: #F4F4F4;
}
.input-file input:after {
    content: 'Choose File';
    position: absolute;
    top: 0;
    left: 0;
    width: 82px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    background: #343434;
    color: #fff;
    cursor: pointer;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.input-file input {
    width: 100%;
    height: 40px;
    margin: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.input-file input * {
    width: 50%;
}
.input-file input:focus {
    outline: 0;
}

/* CHECKBOX & RADIO */

.input-check {
    position: relative;
}
.input-check input {
    display: none;
}
.input-check label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
    line-height: normal;
    cursor: pointer;
}
.input-check label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-color: #E1E3E4;
}
.input-check label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background-color: #A6ABAB;
    border-radius: 50%;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.input-check input:checked + label:after {
    background-color: #3C948B;
}

/* CHECKBOX & RADIO */

.input-check.style2 {
    border: 1px solid #D6D6D6;
}
.input-check.style2 label {
    display: block;
    margin: 0;
    padding-left: 37px;
}
.input-check.style2 label span {
    display: block;
    padding: 12px;
    border-left: 1px solid #D6D6D6;
}
.input-check.style2 label:before {
    left: 12px;
}
.input-check.style2 label:after {
    left: 15px;
}

.input-check.style3 label:before {
    background-color:#C6CBCB;
}

/* HEAD TITLE */

.head-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d6d5;
    overflow: hidden;
}
.head-title h1{
    margin-bottom: 0;
    font-size: 17px;
    line-height: normal;
}
.head-title em{
    color: #3c948b;
}
.head-title .list-legend-awards {
    padding-top: 5px;
}
.head-title small {
    font-size: 13px;
    line-height: 21px;
}

/* HEAD TITLE -Style2 */

.head-title.style2{
    margin-bottom: 30px;
    padding-bottom: 30px;
    
}
.head-title.style2 em{
    
    font-style: normal;
    color: #3c948b;
}
.head-title.style2 h1{
    font-size: 26px;
    margin-bottom: 15px;
    
}
.head-title.style2 .right{
    display: table;
    min-height: 60px;
}
.head-title.style2 .nav{
    display: table-cell;
    vertical-align: bottom;
    overflow: hidden;
}
.head-title.style2 .nav ul,
.head-title.style2 .nav li{
    display: inline;
}
.head-title.style2 .nav li{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #d2d6d5;
    font-weight: bold;
}
.head-title.style2 .nav li:first-child{
    border-left: none;
    padding-left: 0;
}
.head-title.style2 .nav li a{
    color: #313131;
}

/* HEAD TITLE -Style3 */

.head-title.style3{
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.head-title.style3 .left,
.head-title.style3 .right {
    display: table;
    min-height: 76px;
}
.head-title.style3 .left h1{
    display: table-cell;
    vertical-align: bottom;
    margin-bottom: 0;
    font-size: 26px;
}
.head-title.style3 .box-sponsor {
    position: relative;
    bottom: 3px;
}
.head-title.style3 .box-sponsor img{
    position: relative;
    top: 2px;
    margin-left: 5px;
    vertical-align: bottom;
}

/* Tag Info */

.head-title.style2 .open-tag{
    cursor: pointer;
    color: #3c948b;

    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
.head-title.style2 .open-tag:hover{
    color: #313131;
}
.head-title.style2 .tag-info{
    display: none;
    position: relative;
    clear: both;
    padding-top: 20px;
    overflow: hidden;
}
.head-title.style2 .tag-info:before{
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    clear: both;
}
.head-title.style2 .tag-info:after{
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
    height: 3px;
    background-color: #3c948b;
}

/* HEAD TITLE */

.head-titles {
    width: 50%;
}
.head-titles h3 {
    color: #3c948b;
}

/* HEADER */

#header {
    position: relative;
    
    z-index: 11;
}

body.header-fixed {
    padding-top: 115px;
}
body.header-fixed #header {
    position: fixed;
    top: -48px;
    left: 0;
    width: 100%;
    z-index: 999;
}
body.header-fixed #header nav.main,
body.header-fixed ul.menu li a {
    background-image: none;
    background-color: #f4f4f4;
}
body.header-fixed #header nav.main:before {
    display: none;
}

body.sticky-footer {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
body.sticky-footer #content {
    flex: 1;
}

/* NAV */

#header nav {
    position: relative;
    width: 100%;
    height: 47px;
    line-height: 48px;
    background: #e1e3e4;
    border-bottom: 1px solid #d2d6d5;
    z-index: 200;

    -webkit-transition: background .25s ease-out;
    transition: background .25s ease-out;
}
#header .menu > li {
    float: left;
}

/* NAV - TOP */

#header nav.top {
    color: #a6abab;
    background: #f4f4f4;
    z-index: 11;
}

#header nav.top .slogan {
    float: left;
    margin: 0;
    margin-left: 20px;
    font-size: 15px;
    font-weight: normal;
    line-height: 47px;
}

#header nav.top li.login a{
    margin: 0 20px 0 10px;
    color: #313131;
    text-decoration: underline;
    font-weight: bold;
}
#header nav.top li.login a:hover{
    text-decoration: none;
}

/* Logued */

#header nav li.logued figure{
    position: relative;
    float: left;
    margin: 6px 6px 0 0;
    cursor: pointer;
}
#header nav li.logued figure .count{
    position: absolute;
    top: -2px;
    right: 0;
    min-width: 13px;
    height: 13px;
    margin: 0;
    line-height: 13px;
    text-align: center;
    font-size: 10px;
    text-indent: -0.5px;
    color: #fff;
    background-color: #DF6C4F;
    z-index: 1;

    -webkit-transition: background .25s ease-out;
    transition: background .25s ease-out
}
#header nav li.logued figure:hover .count{
    background-color: #313131;
}
#header nav li.logued figure img{
    width: 35px;
    height: 35px;
}
#header nav li.logued a,
#header nav li.logued span{
    float: left;
    margin-right: 10px;
    color: #a6abab;
    cursor: pointer;
}
#header nav li.logued a:last-child{
    margin-right: 0;
}
#header nav li.logued a.name:hover{
    text-decoration: underline;
}
#header nav li.logued a.logout:hover{
    text-decoration: none;
}

#header nav li.logued .bt-menu {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 33px;
    margin: 6px 6px 0 0;
    border: 1px solid #D4D5D6;
    text-indent: -23em;
    overflow: hidden;
    cursor: pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header nav li.logued .bt-menu:before,
#header nav li.logued .bt-menu:after{
    position: absolute;
    top: 9px;
    left: 9px;
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    border-top: 4px solid #D4D5D6;
    border-bottom: 4px solid #D4D5D6;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header nav li.logued .bt-menu:after{
    top: 21px;
    border-top: 4px solid #D4D5D6;
    border-bottom: 0;
}
#header nav li.logued .bt-menu:hover,
#header nav li.logued .bt-menu:hover:before,
#header nav li.logued .bt-menu:hover:after{
    border-color: #343434;
}

/* NAV - MAIN */

#header nav.main {
    height: 66px;
    line-height: 67px;
    font-size: 14px;
    text-transform: uppercase;
}

/* LOGO */

.logo{
    display: inline-block;
    width: 188px;
    height: 22px;
    /*background: url(../img/eyasweb.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    background: none;
}
.logo.light{
    /*background-image: url(../img/logo-light.svg);*/
}
.logo a{
    display: block;
    height: 22px;
    font-size: 40px;
    /*text-indent: -34em;*/
    /*overflow: hidden;*/
}

.logo.large{
    width: 376px;
    height: 44px;
}

#header nav .logo{
    float: left;
    margin: 0px 0 0 40px;
}

/* MENU */

#header nav.main ul.menu {
    position: absolute;
    right: 0;
}
ul.menu li {
    position: relative;
}
ul.menu li:first-child {
    border-left: none;
}
ul.menu > li {
    border-left: 1px solid #d2d6d5;
}
ul.menu li a,
ul.menu li span {
    display: block;
    height: 66px;
    padding: 0 15px;
    color: #313131;

    -webkit-transition: background .25s ease-out, color .25s ease-out;
    transition: background .25s ease-out, color .25s ease-out;
}
ul.menu > li.active a,
ul.menu > li.active span {
    
}
ul.menu > li a:hover,
ul.menu > li span:hover,
ul.menu > li.open span {
    background-color: #F4F4F4;
    /* color: #919191; */
}

/* Dark */

#header li.dark {

}
#header li.dark:hover{
    background-color: #333;
}
#header li.dark a{
    color: #fff;
    background-color: #444;
}
#header li.dark a:hover{
    background-color: #333;
}

/* Bt-Icon */

#header .bt-icon {
    position: relative;
    width: 156px;
    padding: 0 66px 0 30px;
    background: #F4F4F4;
    font-size: 14px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header .bt-icon:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 66px;
    border-left:1px solid #D2D6D5;
}
#header .bt-icon:hover {
    opacity: .75;
}

/* Bt-Directory */

#header .bt-directory:after {
    
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
    
    font-size: 25px;
    text-align: center;
}

/* MENU2 */

ul.menu2 li{
    position: relative;
    float: left;
}
#header .left ul.menu2 > li:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background: #d2d6d5;
    z-index: 1;
}
#header .left ul.menu2 > li:first-child:after{
    display: none;
}

ul.menu2 li > span{
    position: relative;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    z-index: 1;

    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
ul.menu2 li.dropdown > span{
    padding-right: 30px;
}
ul.menu2 li > span:hover{
    color: #a6abab;
}
ul.menu2 li.dropdown > span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    height: 0;
    width: 0;
    margin-top: -3px;
    border: solid transparent;
    border-top-color: #333;
    border-width: 8px 5px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
ul.menu2 li.dropdown > span:hover:before {
    border-top-color: #b4bab9;
}
ul.menu2 li.dropdown.active > span {
    color: #444;
}
ul.menu2 li.dropdown.active > span:before {
    margin-top: -11px;
    border-top-color: transparent;
    border-bottom-color: #333;
}

/* Bt-PostJob */

ul.menu2 li.bt-postjob{
    display: block;
    width: 252px;
    background-color: #F4F4F4;
    
    color: #313131;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
ul.menu2 li.bt-postjob a{
    display: block;
    color: #313131;
}
ul.menu2 li.bt-postjob span{
    padding: 0 5px 0 30px;
    color: #3C948B;
}
ul.menu2 li.bt-postjob:hover{
    opacity: 0.75;
}

/* MENU - DROPDOWN */

ul.menu li.dropdown span {
    padding-right: 30px;
    cursor: pointer;
}
ul.menu li.dropdown span:before,
ul.menu li.dropdown span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 19px;
  width: 2px;
  height: 8px;
  margin-top: -3px;
  background: #A6ABAB;

  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);

  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
ul.menu li.dropdown span:after {
  right: 15px;

  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
ul.menu li.open.dropdown span:before {
  right: 15px;
}
ul.menu li.open.dropdown span:after {
  right: 19px;
}

/* NAV-FILTERS */

#header nav.nav-filters {
  display: none;
  height: auto;
  line-height: auto;
  border-bottom: 1px solid #D2D6D5;
  z-index: 1;

}
#header nav.nav-filters.hide {
    opacity: 0;
}

#header nav.nav-filters .filter {
  display: none;
  overflow: hidden;
  padding: 30px 20px 24px 20px;
}
#header nav.nav-filters .list-tags ul {
    overflow: hidden;
}
#header nav.nav-filters .list-tags li a[data-count]:not([data-count=""]):after {
  margin-left: 3px;
  content: '(' attr(data-count) ')';
  font-weight: normal;
}
#header nav.nav-filters .list-tags li a {
    background-color: #F4F4F4;
}
#header nav.nav-filters .list-tags li a.popular{
    background-color:#3C948B;
    color:#fff;
}
#header nav.nav-filters .list-tags p{
    margin: 0;
    line-height: normal;
}

#header nav.nav-filters .filter-color a{
    color: #fff;
}
#header nav.nav-filters .filter-color .red a{
    background-color: #EC3939;
}
#header nav.nav-filters .filter-color .orange a{
    background-color: #D95B43;
}
#header nav.nav-filters .filter-color .yellow a{
    background-color: #EBCF77;
}
#header nav.nav-filters .filter-color .brown a{
    background-color: #987654;
}
#header nav.nav-filters .filter-color .blue a{
    background-color: #2779A7;
}
#header nav.nav-filters .filter-color .green a{
    background-color: #45A38D;
}
#header nav.nav-filters .filter-color .pink a{
    background-color: #E36FED;
}
#header nav.nav-filters .filter-color .silver a{
    background-color: #9C9C9C;
}
#header nav.nav-filters .filter-color .white a{
    background-color: #fff;
}
#header nav.nav-filters .filter-color .black a{
    background-color: #000;
}
#header nav.nav-filters .filter-color .yellow a,
#header nav.nav-filters .filter-color .white a{
    color: #313131;
}
#header nav.nav-filters .filter-color .yellow a:hover,
#header nav.nav-filters .filter-color .white a:hover{
    color: #fff;
}

#header nav.nav-filters .filter-country ul {
    height: inherit;
    max-height: 53px;

    -webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    transition: max-height 2s;
}
#header nav.nav-filters .filter-country ul.open {
    max-height: 500px;
}

#header nav.nav-filters .order-list{
    padding-top: 15px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
#header nav.nav-filters .order-list:hover{
    text-decoration: none;
}

/* List-Devices */

#header li.devices {
    border-right: 1px solid #D2D6D5;
    overflow: hidden;
}
#header li.devices a,
#header li.devices span {
    position: relative;
    float: left;
    width: 45px;
    padding: 0;
    text-indent: -23em;
    border-left: 1px solid #D2D6D5;
    overflow: hidden;

    -webkit-transition: background .25s ease-out, color .25s ease-out;
    transition: background .25s ease-out, color .25s ease-out;
}
#header li.devices a:before{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    text-align: center;
    
    font-size: 18px;
    display: block;
    text-indent: 0;
    color: #A6ABAB;
    text-decoration: inherit;
    font-variant: normal;
    line-height: 20px;
}
#header li.devices .active:before {
   color: #343434;
}
#header li.devices .desktop:before {
    
}
#header li.devices .mobile:before {
    
}
#header li.devices a:hover,
#header li.devices span:hover{
    background-color: #F4F4F4;
}

#header li.devices span {
    height: 67px;
    text-indent: 0;
}
#header li.devices span em{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 14px;
    margin: -7px 0 0 -7px;
    background: #A6ABAB;
    text-indent: -23em;
    overflow: hidden;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header li.devices span em:before,
#header li.devices span em:after{
    content: '';
    display: block;
    position: absolute;
}
#header li.devices .col2 em:before{
    top: 4px;
    width: 15px;
    height: 4px;
    border-top: 1px solid #E1E3E4;
    border-bottom: 1px solid #E1E3E4;
}
#header li.devices .col2 em:after{
    top: 0;
    left: 6px;
    width: 1px;
    height: 14px;
    border-right: 1px solid #E1E3E4;
}

#header li.devices .col3 em{
    width: 14px;
}
#header li.devices .col3 em:before{
    top: 4px;
    width: 15px;
    height: 4px;
    border-top: 1px solid #E1E3E4;
    border-bottom: 1px solid #E1E3E4;
}
#header li.devices .col3 em:after{
    top: 0;
    left: 4px;
    width: 4px;
    height: 14px;
    border-left: 1px solid #E1E3E4;
    border-right: 1px solid #E1E3E4;
}

#header li.devices .active em{
    background-color: #343434;
}

/* Bt-Filters */

#header .bt-filters{
    position: relative;
    width: 222px;
    padding-left: 30px;
    background-color: #F4F4F4;
    border: none;
    font-size: 14px;
    cursor: pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header .bt-filters:hover{
    background-color: #343434;
    color: #fff;
}
#header .bt-filters:before {
    
    position: absolute;
    top: 15px;
    right: 24px;
    
    font-size: 15px;
    text-decoration: inherit;
    font-variant: normal;
    line-height: normal;
}

/* MENU2 > left */

#header nav.search .left ul.menu2{
    padding-left: 5px;
    border-right: none;
}
#header nav.search .left ul.menu2 li{
    padding: 0 15px;
}
#header nav.search .left ul.menu2 li.active a{
    font-weight: bold;
}
#header nav.search .left ul.menu2 li a{
    color: #313131;
}
#header nav.search .left ul.menu2 li a:hover{
    color: #a6abab;
}
#header nav.search .left ul.menu2 li i a{
    font-style: normal;
    color:#3c948b;
}

#header nav.search .left ul.menu2 li a .count {
    position: relative;
    display: inline-block;
    top: -2px;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    text-indent: -0.5px;
    color: #FFF;
    background-color: #DF6C4F;
    border-radius: 2px;

    -webkit-transition: background .25s ease-out;
    transition: background .25s ease-out;
}
#header nav.search .left ul.menu2 li a:hover .count {
    background-color: #a6abab;
}

/* NAV-SIDEBAR */

#header nav.nav-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 252px;
    min-height: 100%;
    line-height:inherit;
    background: #343434;
    
    font-size: 14px;
    color: #737373;
    border: none;
    z-index: 1001;

    -webkit-transform: translate(300px,0);
    transform: translate(300px,0);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: transform .25s ease-in-out .25s;
    transition: transform .25s ease-in-out .25s;
}
#header nav.nav-sidebar.open {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

/* Wrapper */

#header nav.nav-sidebar .wrapper-nav{
    position: relative;
    padding: 14px 40px;
    overflow-x: hidden;
    overflow: auto;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header nav.nav-sidebar .wrapper-nav > div,
#header nav.nav-sidebar .wrapper-nav > ul{
    width: 172px;
}

/* Results */

#header nav.nav-sidebar .results{
    height: 109px;
    margin: 0;
    line-height: 150%;
}
#header nav.nav-sidebar .results strong{
    color: #fff;
    font-weight: normal;
}

/* DD */

#header nav.nav-sidebar .wrapper-dropdown {
    display: block;
    margin-bottom: 10px;
}

/* List-colors */

#header nav.nav-sidebar .list-colors{
    padding: 5px 0 7px 0;
}
#header nav.nav-sidebar .list-colors li:nth-child(5n+5) {
    margin-right: 0;
}

/* Button */

#header nav.nav-sidebar .button{
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: transparent;
    border: 1px solid #3D3D3D;
    color: #A3A3A3;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header nav.nav-sidebar .button.active{
    background-color:#3C948B;
    border:none;
    border-radius: 0;
    color: #fff;
}
#header nav.nav-sidebar .button span{
    color: #fff;
}

/* Filter-Sites */

#header nav.nav-sidebar .filter-sites {
    position: absolute;
    bottom: 40px;
}
#header nav.nav-sidebar .filter-sites li {
    float: none;
    margin-bottom: 15px;
}
#header nav.nav-sidebar .filter-sites li:last-child {
    margin-bottom: 0;
}

/* List-Tags */

#header nav.nav-sidebar .list-tags {
    padding-top: 60px;
}
#header nav.nav-sidebar .list-tags li {
    margin-bottom: 10px;

    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
#header nav.nav-sidebar .list-tags li:hover {
    opacity: .75;
}

/* Bt-Close */

#header nav.nav-sidebar .bt-close {
    position: absolute;
    left: -47px;
    top: 115px;
    width: 47px;
    height: 47px;
    background-color: #343434;
    cursor: pointer;
}
#header nav.nav-sidebar .bt-close:before,
#header nav.nav-sidebar .bt-close:after {
    content: '';
    position: absolute;
    top: 22px;
    left: 14px;
    width: 20px;
    height: 4px;
    background: #A6ABAB;

    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);

    -webkit-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
}
#header nav.nav-sidebar .bt-close:after {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
#header nav.nav-sidebar .bt-close:hover:before,
#header nav.nav-sidebar .bt-close:hover:after {
    background: #fff;
}

/* NAV-SIDEBAR STYLE2 */

#header nav.nav-sidebar.style2 {
    background: #F4F4F4;
    color: #313131;
}

#header nav.nav-sidebar.style2 .bt-close {
    top: 0;
    background-color: #F4F4F4;
}
#header nav.nav-sidebar.style2 .bt-close:hover:before,
#header nav.nav-sidebar.style2 .bt-close:hover:after {
    background: #313131;
}

#header nav.nav-sidebar.style2 a {
    color: #313131;
}
#header nav.nav-sidebar.style2 a:hover {
    color: #64686A;
}

#header nav.nav-sidebar.style2 ul {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D2D6D5;
}
#header nav.nav-sidebar.style2 ul:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}
#header nav.nav-sidebar.style2 ul.style2 {
    
    text-transform: uppercase;
}
#header nav.nav-sidebar.style2 ul li{
    line-height: 28px;
}
#header nav.nav-sidebar.style2 ul li .count{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    color: #fff;
    font-size: 10px;
    background: #3C948B;
}
#header nav.nav-sidebar.style2 ul li a.color-green{
    color: #3C948B;
}
#header nav.nav-sidebar.style2 .stats{
    position: absolute;
    bottom: 30px;
    line-height: 23px;
}

@media screen and (max-height:540px) {
    #header nav.nav-sidebar.style2 .stats{
        display: none;
    }
}

/* HEADER - STYLE2 */

#header.style2 nav.main {
    font-size: 15px;
}
#header.style2 nav.search.open {
    border-bottom: 0;
}
#header.style2 nav.main .right {
    padding-right: 20px;
}
#header.style2 nav li.logued figure {
    margin: 16px 0 0 0;
}
#header.style2 nav li.logued .bt-menu{
    margin-top: 16px;
}
#header.style2 nav.main ul a:hover {
    background-color: transparent;
}

/* HEADER - STYLE3 */

#header.style3 nav.main {
    background-color: transparent;
    border-bottom: 0;
}

/* HEADER - Light */

#header.light nav,
#header.light nav a:hover {
    color: #fff;
}

/* Box-Overlay */

.box-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 33, 33, .5);
    visibility: hidden;
    opacity: 0;
    z-index: 300;

    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.box-overlay.open{
    visibility: visible;
    opacity: 1;
}

/* Submit */

#header nav.main ul li.submit {
    position: relative;
    top: -1px;
}
#header nav.main ul li.submit a{
    position: relative;
    width: 186px;
    height: 68px;
    padding: 0;
    background-image: none;
    background-color: #3c948b;
    text-align: center;
    color: #fff;
    line-height: 68px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header nav.main ul li.submit a:hover{
    background-color: #3C948B;
    opacity: 0.75;
}

/* DROPDOWN */

.wrapper-dropdown {
    position: relative;
    display: inline-block;
    height: 32px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    line-height: 32px;
    outline: none;
}
.wrapper-dropdown:nth-of-type(1) {
    z-index: 4;
}
.wrapper-dropdown:nth-of-type(2) {
    z-index: 3;
}
.wrapper-dropdown:nth-of-type(3) {
    z-index: 2;
}
.wrapper-dropdown:nth-of-type(4) {
    z-index: 1;
}
.wrapper-dropdown span {
    display: block;
    padding: 0 0 0 15px;
    color: #a3a3a3;
    background: #3d3d3d;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.wrapper-dropdown span:hover {
    opacity: .75;
}
.wrapper-dropdown span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    background: #262626;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.wrapper-dropdown span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    height: 0;
    width: 0;
    margin-top: -3px;
    border: solid rgba(0, 0, 0, 0);
    border-top-color: #434343;
    border-width: 7px 4px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.wrapper-dropdown.active span:after {
    margin-top: -11px;
    border-top-color: rgba(0, 0, 0, 0);
    border-bottom-color: #434343;
}
.wrapper-dropdown ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 327px;
    border-top: none;
    list-style: none;
    background: #262626;
    opacity: 0;
    visibility: hidden;
    overflow: auto;

   -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.wrapper-dropdown.active ul {
    opacity: 1;
    visibility: visible;
}
.wrapper-dropdown ul li {
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #343434;
    
    font-size: 13px;
}
.wrapper-dropdown ul li:last-child {
    border-bottom: none;
}
.wrapper-dropdown ul li strong{
    font-weight: normal;
}
.wrapper-dropdown ul li a,
.wrapper-dropdown ul li em {
    display: block;
    padding: 0 0 0 15px;
    color: #a3a3a3;
    font-style: normal;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.wrapper-dropdown ul li a:hover,
.wrapper-dropdown ul li em:hover {
    background: #3d3d3d;
}

.wrapper-dropdown.multilevel ul {
    height: 245px;
    overflow: hidden;
}
.wrapper-dropdown.multilevel ul.open {
    height: 327px;
}
.wrapper-dropdown.multilevel ul li ul {
    display: none;
}
.wrapper-dropdown.multilevel ul li.show{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 327px;
    overflow: hidden;
}
.wrapper-dropdown.multilevel ul li.show em{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #161616;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrapper-dropdown.multilevel ul li.show em:after{
    
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 40px;
    
    font-size: 12px;
    text-align: center;
    line-height: 40px;
}
.wrapper-dropdown.multilevel ul li.show em:hover{
    color: #fff;
}
.wrapper-dropdown.multilevel ul li.show ul {
    display: block;
    top: 40px;
    height: 286px;
    overflow: auto;
}

/* ROLLOVER - Share */

.rollover .box-share {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -21px;
    text-align: center;
    z-index: 99;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.rollover .box-share li {
    display: inline-block;
    margin: 0 2px;
    width: 42px;
    height: 42px;
}
.rollover .box-share li .bt {
    display: block;
    height: 42px;
    background-size: 100%;
    text-indent: -23em;
    overflow: hidden;
    cursor: pointer;
    opacity: .75;
    overflow: hidden;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.rollover .box-share li .bt:hover {
    opacity: 1;
}

.rollover .box-share li .bt.bt-url {
    position: static;
    width: 38px;
    height: 38px;
    margin: 0;
    border: 2px solid #3c948b;
    border-radius: 50%;
    opacity: 1;
}
.rollover .box-share li .bt.bt-url:before {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 29px;
    color: #3c948b;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.rollover .box-share li .bt.bt-url:hover {
    border-color: #fff;
}
.rollover .box-share li .bt.bt-url:hover:before {
    color: #fff;
}

.rollover:hover .box-share {
    visibility: visible;
    opacity: 1;
}

/* Tabs-Screenshot */

.tabs-screenshot {
    margin-bottom: 10px;
    overflow: hidden;
}
.tabs-screenshot .tab {
    display: none;
}
.tabs-screenshot .tab.active {
    display: block;
}

.tabs-screenshot #tab-mobile {
    padding: 9px 9px 6px 9px;
    text-align: center;
    border: 1px solid #D2D6D5;
}
.tabs-screenshot #tab-mobile figure {
    display: inline-block;
}
.tabs-screenshot #tab-mobile img {
    display: inline-block;
    width: 320px;
}

/* Search */

#header nav.main ul li.search {
    position: relative;
    top: -1px;
    border-left: none;
}
#header nav.main ul li.search span{
    position: relative;
    display: block;
    width: 66px;
    height: 68px;
    padding: 0;
    background: #343434;
    text-indent: -23em;
    cursor: pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header nav.main ul li.search span:hover{
    opacity: 0.75;
}
#header nav.main ul li.search span:before {
    
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    text-align: center;
    
    font-size: 18px;
    display: block;
    text-indent: 0;
    color: #fff;
    text-decoration: inherit;
    font-variant: normal;
    line-height:20px;
}

/* SEARCH */

#header nav.search{
    visibility: hidden;
    opacity: 0;
    top: -47px;
    height: 0;
    overflow: hidden;
    z-index: 9;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#header nav.search.open{
    visibility: visible;
    opacity: 1;
    top: 0;
    height: 66px;
    line-height: 67px;

}
#header nav.search:after,
#header nav.search .right:after{
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

#header nav.search.no-border{
    border-bottom: none;
}

#header nav.search .menu li:first-child span{
    padding-left: 20px;
}

/* Search text */

#header nav.search ul.menu2 {
    float: left;
}

.search-text{
    visibility: hidden;
    position: absolute;
    top: -1px;
    right: 0;
    width: 252px;
    height: 68px;
    opacity: 0;

    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.search-text.visible{
    visibility: visible;
    opacity: 1;
}

.search-text .text{
    width: 100%;
    height: 68px;
    padding: 0 90px 0 20px;
    background-color: #343434;
    color: #fff;
    border: none;
    

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-text .bt-search{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 66px;
    height: 68px;
    background: #343434;
    text-indent: -23em;
    border: none;
    cursor: pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.search-text .bt-search:before {
    
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    text-align: center;
    
    font-size: 18px;
    display: block;
    text-indent: 0;
    color: #FFF;
    text-decoration: inherit;
    font-variant: normal;
    line-height: 20px;
}

.search-text .text:focus,
.search-text .bt-search:focus{
    outline: none;
}

.search-text ul{
    display: none;
    position: absolute;
    top: 0;
    right: 80px;
}
.search-text ul li{
    position: relative;
    float: left;
}
.search-text ul li:first-child{
    margin-right: 10px;
}
.search-text ul li label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
    cursor: pointer;
}
.search-text ul li label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-color: #E1E3E4;
}
.search-text ul li label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #A6ABAB;
    border-radius: 50%;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.search-text ul li input {
    display: none;
}
.search-text ul li:hover label:after,
.search-text ul li input:checked + label:after {
    background-color: #343434;
}

.search-text .bt-filters {

    line-height: 48px;
}

/* BOX SOT */

.box-sot{
    position: relative;
}
.box-sot:after{
    content: '';
    display: block;
    clear: both;
}

/* gallery */

.box-sot .grid-col .gallery{
    padding:23px 0;
}
.box-sot .grid-col .gallery:after{
    content: '';
    display: block;
    clear: both;
}
.box-sot .grid-col .gallery ul {
    clear: both;
    margin-left: -23px;
    overflow: hidden;
}
.box-sot .grid-col .gallery li{
    float: left;
    width: 459px;
    margin: 0 0 23px 23px;
    overflow: hidden;
}
.box-sot .grid-col .gallery li img{
    float: left;
    width: 100%;
    height: auto;
}

/* sect */

.box-sot .sect{
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #d2d6d5;
}
.box-sot .sect:after{
    content: '';
    display: block;
    clear: both;
}
.box-sot .sect:first-child{
    padding-top: 0;
}
.box-sot .sect:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.box-sot .sect p:last-child{
    margin-bottom: 0;
}

/* sect - header */

.box-sot .sect.header .date{
    margin-bottom: 10px;
    
    font-size: 16px;
}

.box-sot .sect.header h1,
.box-sot .sect.header h2{
    margin-bottom: 5px;
    
    font-size: 26px;
}
.box-sot .sect.header h1 a,
.box-sot .sect.header h2 a{
    color: #313131;
}
.box-sot .sect.header h1 a:hover,
.box-sot .sect.header h2 a:hover{
    color: #64686A;
}

/* BT VIEW-SITE*/

.view-site{
    position: relative;
    top: 4px;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -23em;
    overflow: hidden;
}
.view-site:before {
    
    width: 24px;
    height: 24px;
    text-align: center;
    
    font-size: 24px;
    display: block;
    text-indent: 0;
    color: #3c948b;
    text-decoration: inherit;
    font-variant: normal;
    line-height: 24px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.box-sot .sect.header .view-site:hover:before{
    color: #444;
}

.box-sot .sect.header .add-like{
    position: absolute;
    bottom: 27px;
    right: 0;
}

.box-sot .sect.header .by{
    padding-right: 40px;
    
    font-size: 16px;
    line-height: 180%;
}
.box-sot .sect.header .by a{
    color: #313131;
}
.box-sot .sect.header .by a:hover{
    color: #3c948b;
}

.box-sot .sect.header .excerpt{
    min-height: 63px;
    padding-top: 20px;
    padding-right: 80px;
    
    font-size: 16px;
    line-height: 190%;
}

/* sect - circles */

.box-sot .sect.notes .box-notesite ul {
    margin-bottom: 10px;
}
.box-sot .sect.notes .box-notesite ul:after {
    content: '';
    display: block;
    clear: both;
}
.box-sot .sect.notes .box-notesite ul li.laurel {
    float: right;
    width: 80px;
    height: 76px;
    margin-top: -4px;
    background: url(../img/ico-laurel.svg) no-repeat;
    background-size: 100% 100%;
}
.box-sot .sect.notes .box-notesite ul li.laurel span {
    display: block;
    text-align: center;
    color: #a6abab;
    text-transform: uppercase;
    line-height: normal;
}
.box-sot .sect.notes .box-notesite ul li.laurel span.type {
    margin-top: 17px;
    font-size: 11px;
}
.box-sot .sect.notes .box-notesite ul li.laurel span.day {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 1px;
    
}
.box-sot .sect.notes .box-notesite ul li.laurel span.month {
    font-size: 11px;
    line-height: 11px;
}
.box-sot .sect.notes .box-notesite ul li.special {
    float: right;
    width: 100px;
    margin: 0;
    color: #a6abab;
}
.box-sot .sect .box-notesite ul li.total {
    float: right;
    margin: 0;
}

.box-sot .sect.notes .box-notesite .list-legend ul {
    float: none;
    margin: 0;
}

/* sect - jury */

.box-sot .sect.jury > ul{
    height: 70px;
}
.box-sot .sect.jury > ul:after{
    content: '';
    display: block;
    clear: both;
}
.box-sot .sect.jury > ul > li {
    position: relative;
    float: left;
    margin-right: 19px;
}
.box-sot .sect.jury > ul > li:last-child {
    margin-right: 0;
}
.box-sot .sect.jury > ul > li img {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.box-sot .sect.jury > ul > li img:hover {
    opacity: 0.7;
}

.box-sot .sect.jury ul li .tooltip {
    width: 150px;
    color: #fff;
    text-transform: uppercase;
}
.box-sot .sect.jury ul li .tooltip span {
    display: block;
    margin-bottom: 8px;
}
.box-sot .sect.jury ul li .tooltip .country {
    color: #3c948b;
}
.box-sot .sect.jury ul li .tooltip .list-notes.style2 li {
    color: #fff;
}
.box-sot .sect.jury ul li:hover .tooltip {
    visibility: visible;
    opacity: 1;
    top: -110px;
}

.box-sot .sect.jury .more-info {
    clear: both;
    padding-top: 17px;
    overflow: hidden;
}

/* sect - description */

.box-sot .sect.description {
    
}

/* sect - tags */

.box-sot .sect .list-tags {
    margin-bottom: 10px;
}

/* sect - stats */

.box-sot .sect.stats {
    border-bottom: none;
    text-align: right;
}
.box-sot .sect.stats .add-like {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

/* ICO Total Views */

.total-views {
    position: relative;
    display: inline-block;
    height: 16px;
    padding-right: 23px;
    color: #a6abab;
}
.total-views:after {
    
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
    width: 18px;
    height: 16px;

    
    font-size: 17px;
    display: block;
    text-indent: 0;
    color: #b4bab9;
    text-decoration: inherit;
    font-variant: normal;
    line-height:20px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.total-views.dark,
.total-views.dark:after {
    color: #313131;
}

/* ICO Number Comments */

.number-comments {
    position: relative;
    display: inline-block;
    height: 16px;
    padding-right: 23px;
    color: #a6abab;
}
.number-comments:after {
    
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 16px;

    
    font-size: 17px;
    display: block;
    text-indent: 0;
    color: #b4bab9;
    text-decoration: inherit;
    font-variant: normal;
    line-height:20px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

/* Tooltip */

[data-tooltip="yes"]{
    position: relative;
    cursor: pointer;
}
[data-tooltip="yes"]:hover .tooltip{
    visibility: visible;
    opacity: 1;
}

.tooltip{
    visibility: hidden;
    display: inline-block;
    position: absolute;
    top: -130px;
    left: -56px;
    padding: 15px;
    background: #444;
    line-height: normal;
    font-size: 13px;
    color: #FFF;
    font-style: normal;
    opacity: 0;
    z-index: 2;

    -webkit-transition: opacity .4s linear, top .2s linear;
    transition: opacity .4s linear, top .2s linear;
}
.tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -5px;
    border: solid rgba(0, 0, 0, 0);
    border-top-color: #444;
    border-width: 8px 5px 8px 5px;
}

/* Add Like */

.add-like {
    position: relative;
    display: inline-block;
    float: right;
    height: 16px;
    padding-right: 23px;
    color: #a6abab;
    cursor: pointer;

    -webkit-transition: all .40s linear;
    transition: all .40s linear;
}
.add-like:after {
    
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
    width: 18px;
    height: 16px;

    
    font-size: 17px;
    display: block;
    text-indent: 0;
    color: #b4bab9;
    text-decoration: inherit;
    font-variant: normal;
    line-height:20px;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.add-like:hover:after,
.add-like.active:after {
    color: #444;
}
.add-like.dark,
.add-like.dark:after {
    color: #313131;
}

.add-like.processing:after {
    -webkit-animation:  animaLike 0.3s infinite;
    animation:  animaLike 0.3s infinite;
}

@-webkit-keyframes animaLike {
    0% {
        opacity:0.3;
        -webkit-transform: scale(.5);
    }
    50% {
        opacity:1;
        -webkit-transform: scale(1);
    }
    100% {
        opacity:0.3;
        -webkit-transform: scale(.5);
    }
}
@keyframes animaLike {
    0% {
        opacity:0.3;
        transform: scale(.5);
    }
    50% {
        opacity:1;
        transform: scale(1);
    }
    100% {
        opacity:0.3;
        transform: scale(.5);
    }
}

.add-like.active,
.add-like:hover{
    color: #444;
}
.add-like.active:after,
.add-like:hover:after {
    background-position: 0 -37px;
}

/* Style2 */

.add-like.style2 {
    float: none;
    height: 72px;
    padding-right: 0;
}
.add-like.style2:after {
    position: static;
    width: 72px;
    height: 72px;
    font-size: 72px;
    line-height: 72px;
}
.add-like.style2 .total {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    line-height: 70px;
    text-align: center;
    color: #313131;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.add-like.style2:hover .total,
.add-like.style2.active .total {
    color: #fff;
}

/* ANIMATE CIRCLES */

.progressbar .circle {
    position: relative;
    height: 70px;
}
.progressbar .percent {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 25px;
}

.progressbar .dec {
    font-size:15px;
}

/* BOX-NOTESITE */

.box-notesite ul li {
    float: left;
    margin-right: 10px;
}
.box-notesite ul li.progressbar {
    width: 70px;
    height: 70px;
}

/* LIST VOTES USERS */

.list-votes-users{
    clear: both;
}
.list-votes-users.style2{
    padding-top: 5px;
}

.grid .list-votes-users > li.col {
    padding-bottom: 0;
}
.list-votes-users > li > .content{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D6D6D6;
}
.list-votes-users > li > .content:after{
    content: '';
    display: block;
    clear: both;
}
.list-votes-users > li:last-child > .content,
.list-votes-users > li:nth-child(7) > .content{
    border-style:none;
}
.list-votes-users > li figure{
    float: left;
    width: 68px;
}
.list-votes-users > li .info{
    position: relative;
    margin-left: 80px;
}
.list-votes-users > li .info h5{
    margin: 10px 0 5px 0;
    font-weight: bold;
}
.list-votes-users > li .list-notes{
    position: absolute;
    top: 4px;
    right: 0;
}
.list-votes-users > li .list-notes strong{
    display: block;
    margin-bottom: 9px;
}

.list-votes-users > li .list-notes .ico-medal{
    position: absolute;
    top: 0;
    left: -40px;
    font-size: 32px;
    color: #c7c7c7;
}
.list-votes-users > li .list-notes .ico-medal .tooltip{
    width: 117px;
    top: -55px;
}

/* TAGS */

.list-tags {
    overflow: hidden;
}
.list-tags li {
    position: relative;
    float:left;
    margin: 0 6px 6px 0;
    line-height: 24px;
    font-size: 13px;
}
.list-tags li a {
    display:block;
    height:23px;
    padding:0 10px;
    background:#d4d5d6;
    color: #313131;
    border-radius: 2px;

    -webkit-transition: background .25s ease-out, color .25s ease-out;
    transition: background .25s ease-out, color .25s ease-out;
}
.list-tags li.green a,
.list-tags li a.green {
    background:#3c948b;
    color:#fff;
}
.list-tags li a.tag-sotd{
    background-color:#FF4D4D;
    color:#fff;
}
.list-tags li a.tag-sotm{
    background-color:#36AB75;
    color:#fff;
}
.list-tags li a.tag-soty{
    background-color:#806525;
    color:#fff;
}
.list-tags li a.tag-developer{
    background-color:#28499C;
    color:#fff;
}
.list-tags li a.tag-nominee{
    background-color:#DF6C4F;
    color:#fff;
}
.list-tags li a.tag-user-work{
    background-color:#CBD5E1;
    color:#fff;
}
.list-tags li a.tag-honorable-mention{
    background-color:#FFCD00;
    color:#fff;
}
.list-tags li a.tag-sotw{
    background-color:#40AACD;
    color:#fff;
}
.list-tags li a.tag-quote{
    background-color:#FF424C;
    color:#fff;
}
.list-tags li a.active,
.list-tags li a:hover {
    background:#444!important;
    color:#fff;
}
.list-tags li a.current {
    background:#3c948b;
    color:#fff;
}

.list-tags.float,
.list-tags.float ul {
    float: left;
}

.list-tags li.popular {
    margin-left: 10px;
    font-weight: bold;
}
.list-tags li.popular span {
    color: #3C948B;
}

/* Close */

.list-tags li a.active-close {
    padding-right: 28px;
    background:#444!important;
    color:#fff!important;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.list-tags li a.active-close:before {
    content: '×';
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    width: 13px;
    height: 13px;
    background:#fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
}
.list-tags li a.active-close:hover {
    opacity: .75;
}

/* LIST NUMBER AWARDS */

.list-number-awards {
    overflow: hidden;
}
.list-number-awards li{
    display: block;
    float: left;
    width:40px;
    height:40px;
    margin-right: 1px;
    line-height:41px;
    text-align:center;
    font-weight: bold;
    color:#fff;
}
.list-number-awards li:last-child{
    margin-right: 0;
}
.list-number-awards li.sotd{
    background-color: #3c948b;
}
.list-number-awards li.sotm{
    background-color: #444;
}
.list-number-awards li.soty{
    background-color: #888;
}
.list-number-awards li.developer{
    background-color: #00B3D1;
}

/* LIST FOLLOW */

.list-follow:after {
    content: '';
    display: block;
    clear: both;
}
.list-follow li{
    position: relative;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.list-follow li a{
    position: relative;
    display: block;
    width: 25px;
    height: 21px;
    text-indent: -23em;
    color: #b4bab9;
    overflow: hidden;
}
.list-follow li a:hover {
    color: #444;
}
.list-follow li a:before,
.list-follow li.heart:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
    font-size: 21px;
    text-indent: 0;
    font-variant: normal;
    line-height:21px;
}
.list-follow li.twitter a{
    width: 24px;
}
.list-follow li.twitter a:before{
    
    font-size: 24px;
}
.list-follow li.facebook a{
    width: 12px;
}
.list-follow li.facebook a:before{
    
    font-size: 24px;
}
.list-follow li.pinterest a{
    width: 18px;
}
.list-follow li.pinterest a:before{
    
}
.list-follow li.dribbble a{
    width: 20px;
}
.list-follow li.dribbble a:before{
    
    font-size: 22px;
}
.list-follow li.behance a:before{
    
    font-size: 25px;
    line-height:23px;
}
.list-follow li.linkedin a{
    width: 19px;
}
.list-follow li.linkedin a:before{
    
}
.list-follow li.googleplus a{
    width: 20px;
}
.list-follow li.googleplus a:before{
    
}
.list-follow li.rss a:before{
    
}
.list-follow li.youtube a:before{
    
}
.list-follow li.vimeo a:before{
    
}

.list-follow li.heart {
    position: relative;
    width: 34px;
    overflow: inherit;

    -webkit-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite;
}
.list-follow li.heart:before,
.list-follow li.heart:after {
   position: absolute;
   content: '';
   top: 0;
   left: 17px;
   width: 17px;
   height: 27px;
   background: #3C948B;
   border-radius: 50px 50px 0 0;

   -webkit-transform: rotate(-45deg) translateZ(0);
   transform: rotate(-45deg) translateZ(0);

   -webkit-transform-origin: 0 100%;
   transform-origin: 0 100%;
}
.list-follow li.heart:after {
    left: 0;

   -webkit-transform: rotate(45deg) translateZ(0);
   transform: rotate(45deg) translateZ(0);

   -webkit-transform-origin: 100% 100%;
   transform-origin :100% 100%;
}

@-webkit-keyframes animateHeart {
  0%  { -webkit-transform: scale(1); }
  5%  { -webkit-transform: scale(1.2); }
  10% { -webkit-transform: scale(1.1); }
  15% { -webkit-transform: scale(1.3); }
  50% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1); }
}
@keyframes animateHeart {
  0%  { transform: scale(1); }
  5%  { transform: scale(1.2); }
  10% { transform: scale(1.1); }
  15% { transform: scale(1.3); }
  50% { transform: scale(1); }
  100% { transform: scale(1); }
}

/* LIST CIRCLE NOTES */

.list-notes li{
    display: inline-block;
    width:20px;
    height:20px;
    line-height:21px;
    text-align:center;
    font-size: 13px;
    color:#fff;
    border-radius: 50%;
}
.list-notes li.design{
    background-color:#DF6C4F;
}
.list-notes li.creativity{
    background-color:#3c948b;
}
.list-notes li.usability{
    background-color:#ECD06F;
}
.list-notes li.content{
    background-color:#1A99AA;
}

/* Style 2 */

.list-notes.style2 li{
    background-color:transparent;
    border-width: 1px;
    border-style: solid;
    color: #313131;
}
.list-notes.style2 li.design{
    border-color:#DF6C4F;
}
.list-notes.style2 li.creativity{
    border-color:#3c948b;
}
.list-notes.style2 li.usability{
    border-color:#ECD06F;
}
.list-notes.style2 li.content{
    border-color:#1A99AA;
}

/* Big */

.list-notes.big li{
    width:40px;
    height:40px;
    line-height:41px;
    font-size: 23px;
}

/* LIST SITES */

.list-item > li{
    position:relative;
    margin-bottom: 35px;
}
.list-item > li figure{
    margin-bottom: 20px;
}

/* LIST ITEM - info */

.list-item li .info{
    position: relative;
    overflow: hidden;
}
.list-item li .info h3{
    margin-bottom: 15px;
    padding-right: 30px;
    font-size: 17px;
}
.list-item li .info h3 a{
    color: #313131;
}
.list-item li .info h3 a:hover{
    color: #64686A;
}
.list-item li .info .add-like{
    position: absolute;
    top: 6px;
    right: 0;
}

/* Style2 */

.list-item.style2 li .info h3{
    padding-right: 0;
}

/* LIST ITEM - Info */

.list-item li .info {
    
}
.list-item li .info .row{
    display: block;
    height: 16px;
    margin-bottom: 15px;
    line-height: 16px;
    overflow: hidden;
}
.list-item li .info .row.auto{
    height: auto;
    margin-top: -6px;
    line-height: 23px;
}
.list-item li .info h3.row{
    height: 18px;
    margin-bottom: 13px;
}
.list-item li .info .row:last-child{
    margin-bottom: 0;
}

.list-item li .info .row.price{
    padding-top: 5px;
}
.list-item li .info .row.price .total{
    font-size: 20px;
}

/* LIST ITEM - Info Post */

.list-item.post li .info h3 {
    padding-right: 0;
    
    font-size: 20px;
}
.list-item.post li .info h3 a {
    color: #414141;
}

/* LOADER */

.loader{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #444;
    background: rgba(68, 68, 68, 0.9);
    z-index: 999;
}
.loader .container{
    position:absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    height: 45px;
    margin: -22px 0 0 -125px;
    background: #3c948b;
    background: rgba(64, 159, 137, 0.8);
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
}
.loader .container.boxmsg{
    width: 600px;
    height: auto;
    margin: -70px 0 0 -300px;
    padding: 30px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    line-height: 170%;
    text-align: left;
    color: #313131;
}
.loader .container.boxmsg p:last-child{
    margin-bottom: 0;
}
.loader .container span.processing{
    -webkit-animation:  animaProcessing 0.3s infinite;
    animation:  animaProcessing 0.3s infinite;
}

@-webkit-keyframes animaProcessing {
    0% {
        opacity:0.3;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0.3;
    }
}
@keyframes animaProcessing {
    0% {
        opacity:0.3;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0.3;
    }
}

/* FIGURE */

figure{
    position: relative;
}
figure img{
    float:left;
    width: 100%;
    max-width: 100%;
    height: auto;
}
figure:after{
    content: '';
    display: block;
    clear: both;
}
figcaption{
    clear: both;
    padding-top: 10px;
    
    line-height: 190%;
}

figure.auto {
    text-align: center;
}
figure.auto img{
    float: none;
    width: auto;
}

/* ROLLOVER */

.rollover{
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.rollover img{
    -webkit-transition: all .25s linear;
    transition: all .25s linear;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    max-height:500px;
}

/* ROLLOVER - Url */

.rollover .bt-url{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    margin: -21px 0 0 -21px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    text-indent: -23em;
    overflow: hidden;
}
.rollover .bt-url:before {
    
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    
    font-size: 22px;
    font-weight: normal;
    font-variant: normal;
    text-indent: 0;
    text-decoration: inherit;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.75);

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.rollover .bt-url:hover{
    border-color: #fff;
}
.rollover .bt-url:hover:before{
    color: #fff;
}

/* ROLLOVER - Hover */

.rollover{
    position: relative;
}
.rollover:hover{
    background: #343434;
}
.rollover:hover img {
    opacity: .7;
}

div.rollover:hover{
    background: transparent;
}
div.rollover:hover figure{
    background: #343434;
}
div.rollover:hover figure > img {
    opacity: .7;
}

/* Hover - Site */

.rollover.site .bt-url {
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.rollover.site:hover  .bt-url{
    visibility: visible;
    opacity: 1;
}

/* LIST-STYLE2 */

.list-style2 {
    padding-bottom: 35px;
}
.list-style2 figure{
    max-width: 320px;
    margin: 15px auto 0 auto;
}
.list-style2 > li{
    margin-bottom: 0;
}

/* tags & colors */

.list-item li .list-tags {
    clear:both;
    height: 23px;
    max-height: 75px;
    margin-bottom: 6px;
    padding-top:20px;
    overflow:hidden;
}
.list-item li .list-tags.bottom {
    display: inline-block;
    padding-top: 0;
}
.list-item > li .list-colors{
    position: relative;
    display: inline-block;
    top: -7px;
}

/* label */

figure .label {
    position: absolute;
    top: 50%;
    left: 0;
    width: 52px;
    height: 156px;
    margin-top: -78px;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -23em;
    opacity: .9;
    overflow: hidden;
    z-index: 1;
}
figure .label.developer {
    background-image: url(../img/label-developer.svg);
}
figure .label.sotm {
    background-image: url(../img/label-sotm.png);
    opacity: 1;
}

figure .label.large {
    width: 65px;
    height: 195px;
    margin-top: -97.5px;
}

figure .label.right {
    left: auto;
    right: 0;
}

/* LEGEND */

.list-legend ul{
    clear: both;
    padding: 10px 0 0 0;
    overflow:hidden;
}
.list-legend ul li{
    float:left;
    width:70px;
    margin-right:10px;
    list-style:none;
    text-transform:uppercase;
    font-size: 11px;
    text-align: center;
}
.list-legend ul li.total{
    float:right;
    margin-right: 0;
}

/* LEGEND - Style2 */

.list-legend.style2 ul{
    padding: 0 0 21px 0;
}

/* LIST LEGEND AWARDS */

.list-legend-awards ul{
    overflow:hidden;
}
.list-legend-awards ul li{
    float:left;
    margin-right:10px;
    width:auto;
    font-size: 13px;
    text-transform:uppercase;
}
.list-legend-awards ul li:before{
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    margin-right:5px;
    border-radius: 50%;
}
.list-legend-awards ul li.sotd:before{
    background-color:#3c948b;
}
.list-legend-awards ul li.sotm:before{
    background-color:#444;
}
.list-legend-awards ul li.soty:before{
    background-color:#888;
}
.list-legend-awards ul li.developer:before{
    background-color:#00B3D1;
}

/* BT-LIST */

.bt-list{
    float: right;
    margin: -15px 0 50px 0;
    text-align: right;
}

/* BOX PAY LOADING */

.box-pay-loading{
    padding-top: 50px;
    text-align: center;
}
.box-pay-loading h2 {
    margin-bottom: 10px;
}
.box-pay-loading p {
    font-size: 17px;
}
.box-pay-loading img {
    width: 85px;
    margin-top: 10px;
}

/* BOX-PAY-ERROR */

.box-pay-error {
    margin-bottom: 50px;
}
.box-pay-error .icon-cable {
    margin: 17px 0 40px 0;
}
.box-pay-error .button {
    min-width: 240px;
}

/* HEADER LINE */

.header-line{
    clear: both;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CECECE;
}
.header-line.margin0{
    margin-bottom: 0;
}
.header-line:before{
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 66px;
    height: 1px;
    background: #a6abab;
}
.header-line:after{
    content: '';
    display: block;
    clear: both;
}
.header-line .right{
    float: right;
}
.header-line a.right,
.header-line .right a{
    text-decoration: underline;
}
.header-line h4{
    float: left;
    margin-bottom: 0;
    line-height: normal;
}

/* SOCIAL CONNECT */

.socialconnect a{
    position: relative;
    display: inline-block;
    width: 307px;
    height: 59px;
    line-height: 59px;
    color: #fff;
    text-align: left;
    
    font-size: 17px;
    border-radius: 2px;

    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.socialconnect.style2 a{
    display: block;
    width: auto;
    height: 40px;
    padding-right: 20px;
    line-height: 40px;
    font-size: 17px;
}
.socialconnect a:after{
    content: '';
    float: left;
    width: 59px;
    height: 59px;
    margin-right: 15px;
    border-right-width: 1px;
    border-right-style: solid;
}
.socialconnect.style2 a:after{
    width: 40px;
    height: 40px;
}
.socialconnect a.twitter:after{
    border-right-color: #55C7ED;
}
.socialconnect a.facebook:after{
    border-right-color: #7F99C8;
}
.socialconnect a.twitter{
    background-color: #25B6E6;
}
.socialconnect a:before{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 59px;
    height: 59px;

    
    font-size: 38px;
    display: block;
    text-indent: 0;
    color: #fff;
    text-decoration: inherit;
    font-variant: normal;
    line-height:20px;
    line-height: 59px;
    text-align: center;
}
.socialconnect a.twitter:before{
    
}
.socialconnect a.facebook:before{
    
}
.socialconnect a.facebook{
    background: #6886bc;

    background: -moz-linear-gradient(top,  #6886bc 0%, #466ca9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6886bc), color-stop(100%,#466ca9));
    background: -webkit-linear-gradient(top,  #6886bc 0%,#466ca9 100%);
    background: -o-linear-gradient(top,  #6886bc 0%,#466ca9 100%);
    background: -ms-linear-gradient(top,  #6886bc 0%,#466ca9 100%);
    background: linear-gradient(to bottom,  #6886bc 0%,#466ca9 100%);
}
.socialconnect a:hover{
    opacity:.75;
}

/* PAGINATE */

.paginate{
    position: relative;
    clear:both;
    height: 66px;
    overflow: hidden;
}
.inner .paginate{
    margin-bottom: 58px;
}
.paginate span,
.paginate a{
    float: left;
    display: block;
    height: 68px;
    width: 73px;
    margin-right: 1px;
    line-height: 68px;
    text-align: center;
    
    font-size: 18px;
    background-color: #fff;
    color: #313131;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.paginate .current,.paginate .active{
    background-color: #202121;
    color: #fff;
}
.paginate .ellipsis{
    background-color: transparent;
    
    letter-spacing: 1px;
}
.paginate a:hover,
.paginate .current{
    
}

.paginate .more{
    float: right;
}
.paginate .more a{
    width: 100%;
    background-color: #202121;
    
    color: #fff;
}
.paginate a:hover{
    opacity: 0.75;
}

/* BT-PAG */

.bt-pag{
    display: inline-block;
    text-align: center;
    text-indent: -23em;
    color: #313131;
    overflow: hidden;
}
.bt-pag:hover{
    opacity: .75;
}
.bt-pag.prev{
    left: 0;
}
.bt-pag.next{
    right: 0;
}
.bt-pag:hover{
    background-color: #333;
}
.bt-pag:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -8.5px 0 0 -6px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
}
.bt-pag.prev:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.bt-pag.next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* PAGINATE - Fixed */

.bt-pag.fixed{
    position: fixed;
    top: 50%;
    width: 45px;
    height: 28px;
    margin-top: -14px;
    background-color: transparent;
    z-index: 999;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.bt-pag.fixed.hide{
    visibility: hidden;
    opacity: 0;
}
.bt-pag.fixed:hover{
    opacity: inherit;
}
.bt-pag.prev.fixed{
    border-right: 1px solid #d2d6d5;
}
.bt-pag.next.fixed{
    border-left: 1px solid #d2d6d5;
}
.bt-pag.fixed:before {
    border-width: 5px;
    border-color: #b4bab9;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.bt-pag.prev.fixed:before {
    margin-left: 0px;
}
.bt-pag.next.fixed:before {
    margin-left: -15px;
}

.bt-pag.fixed:hover:before {
    border-color: #444;
}

/* COUNTDOWN */

.list-item li .countdown {
    clear: both;
    margin-top: 20px;
    padding-top: 9px;
    border-top: 1px solid #d2d6d5;
    color: #a6abab;
    overflow: hidden;
}
.list-item li .countdown .hasCountdown{
    float: left;
    margin-right: 8px;
}
.list-item li .countdown .button{
    float: left;
    width: 120px;
    height: 44px;
    margin:0 15px 0 0;
    line-height: 44px;
    text-align: center;
}
.list-item li .countdown .stats{
    float: left;
}
.list-item li .countdown .stats .total{
    
    font-size:27px;
}
.list-item li .countdown .stats .users{
    font-size:11px;
}

/* Style2 */

.list-item li .countdown.style2 .hasCountdown{
    margin-right: 20px;
    padding-right: 10px;
    border-right: 1px solid #d2d6d5;
}
.list-item li .countdown.style2 .button{
    float: right;
    margin: 0;
}

/* Share */

.list-item li .countdown .share{
    padding-top: 8px;
    overflow: hidden;
}
.list-item li .countdown .share li{
    float: left;
    border-right: 1px solid #d2d6d5;
    width: 35px;
    height: 25px;
    text-indent: -23em;
    cursor: pointer;
    overflow: hidden;
}
.list-item li .countdown .share li:last-child{
    border-right: none;
}
.list-item li .countdown .share li:before{
    content: '';
    display: block;
    
    font-size: 23px;
    display: block;
    text-indent: 0;
    color: #b4bab9;
    text-decoration: inherit;
    font-variant: normal;
    line-height:25px;
    text-align: center;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.list-item li .countdown .share li.twitter:before{
    
}
.list-item li .countdown .share li.facebook:before{
    
}
.list-item li .countdown .share li:hover:before{
    color: #444;
}

/* COUNTDOWN */

.hasCountdown{
    width:184px;
    height:44px;
    overflow:hidden;
}
.hasCountdown .countdown_section{
    position:relative;
    float:left;
    width:45px;
    height:44px;
    border-right:1px solid #d2d6d5;
}
.hasCountdown .countdown_section:last-child{
    color: #3c948b;
    border-right: none;
}
.hasCountdown em{
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font-size: 11px;
    font-style: normal;
}
.hasCountdown .countdown_amount {
    display:block;
    height:42px;
    text-align: center;
    font-size:27px;
}
.hasCountdown .countdown_section:last-child .countdown_amount {
    color: #3c948b;
}

/* SPONSORS */

.box-sponsors{
    clear: both;
    position: relative;
}
.box-sponsors.style2{
    margin: 50px 0;
    padding-bottom: 35px;
}
.sponsors{
    margin-left: -26px;
    overflow:hidden;
}
.sponsors .banner{
    float: left;
    margin-left: 26px;
    vertical-align: top;
}
.sponsors .banner:nth-child(5){
    display: none;
}

/* LIST COLORS */

.list-colors{
    overflow:hidden;
}

.list-colors li{
    list-style:none;
    float:left;
    width:18px;
    height:18px;
    margin-right:6px;
    text-indent:-34em;
    border-radius: 50%;
    overflow:hidden;

    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}
.list-colors li:last-child{
    margin-right:0;
}
.list-colors li em{
    display:block;
    height:37px;
    cursor:pointer;
}
.list-colors li.white{
    background-color:#fff;
}
.list-colors li.black{
    background-color:#000;
}
.list-colors li.silver{
    background-color:#9C9C9C;
}
.list-colors li.orange{
    background-color:#D95B43;
}
.list-colors li.red{
    background-color:#EC3939;
}
.list-colors li.yellow{
    background-color:#EBCF77;
}
.list-colors li.green{
    background-color:#45A38D;
}
.list-colors li.blue{
    background-color:#2779A7;
}
.list-colors li.pink{
    background-color:#E36FED;
}
.list-colors li.brown{
    background-color:#987654;
}
.list-colors li:hover{
    opacity: 0.5;
}
.list-colors li a{
    display:block;
    height:18px;
}

/* Style2 */

.list-colors.style2 li{
    width:28px;
    height:28px;
    margin: 0 8px 8px 0;
    border-radius: 0;
    overflow: hidden;
}
.list-colors.style2 li a{
    margin: 1px;
    height: 16px;
    border: 5px solid #343434;
    outline: 1px solid #3D3D3D;
}

/* Style3 */

.list-colors.style3 li{
    width: 35px;
    height: 35px;
    margin-right: 4px;
    border: 1px solid #D6D6D6;
}
.list-colors.style3 li:last-child{
    margin-right:0;
}
.list-colors.style3 li.active{
    width: 27px;
    height: 27px;
    border-width: 5px;
}
.list-colors.style3 li.active em {
    height: 27px;
}

/* BOX NOT FOUND */

.box_nofound{
    width: 459px;
    margin:0 auto 20px auto;
    text-align:center;
}
.box_nofound h1 {
    height: 60px;
    font-family: 'MuseoSans_light';
    font-size: 2.35em;
    font-weight: lighter;
    color: white;
    text-align: center;
    line-height: 60px;
    background-color: #444;
    border-radius: 2px;
}
.box_nofound p {
    font-size: 1.3em;
}

/* FOOTER */

#footer{
    position: relative;
    clear:both;
    margin-top: 30px;
    color: #444;
    overflow: hidden;
}

/* Style2 */

#footer.style2{
    background: transparent;
    border-top: 1px solid #D2D6D5;
}
#footer.style2 nav.footer {
    padding: 30px 20px 10px 20px;
    background: transparent;
    font-size: 14px;
    overflow: hidden;
}
#footer.style2 nav.footer .inner {
    max-width: inherit;
}
#footer.style2 nav.footer ul {
    margin-bottom: 0;
}
#footer.style2 nav.footer li {
    border-color: #D2D6D5;
}

/* COPY */

#footer .copy{
    padding-left: 60px;
    /*background: url(../img/logo-www.svg) no-repeat;*/
    background-size: 53px 14px;
}

/* BOX-FEATURED */

#footer .box-featured {
    padding: 80px 0 0 0;
    background: #202121;
    border-bottom: 1px solid #333;
    overflow: hidden;
}
#footer .box-featured .grid{
    width: 940px;
    margin: 0 auto;
    padding: 0;
}
#footer .box-featured .list-item{
    margin-left: -23px;
}
#footer .box-featured .box-default {
    border-color: #333;
}
#footer .box-featured .box-default.featured{
    border-color: #3C948B;
}
#footer .box-featured .box-default h3 {
    padding-right:0;
}
#footer .box-featured .box-default h3 a {
    color: #555;
}
#footer .box-featured .box-default a:hover {
    color: #888;
}
#footer .box-featured h4{
    clear: both;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
#footer .box-featured h4 span{
    color: #3C948B;
}
#footer .box-featured h4:before{
    content: '';
    display: block;
    width: 140px;
    height: 5px;
    margin: 0 auto 25px auto;
    background-color: #3C948B;
}

/* Nav Footer */

#footer nav.footer{
    padding: 30px 0 10px 0;
    background: #202121;
    font-size: 14px;
    overflow: hidden;
}
#footer nav.footer a{
    color: #555;
}
#footer nav.footer p{
    margin-bottom: 0;
}
#footer nav.footer ul{
    margin-bottom: 10px;
    overflow: hidden;
}
#footer nav.footer li{
    float: left;
    margin: 0 15px 10px 0;
    padding-right: 15px;
    text-transform: uppercase;
    
    border-right: 1px solid #333;
}
#footer nav.footer li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
#footer nav.footer li a:hover{
    color: #888;
}

/* Box Social */

#footer .box-social{
    padding: 35px 0;
    background-color: #F4F4F4;
    text-align: center;
}
#footer .box-social .list-follow {
    width: 45px;
    margin: 0 auto;
}
#footer .box-social .list-follow li {
    height: 31px;
}
#footer .box-social .list-follow li:last-child {
    margin-right: 0;
}
#footer .box-social .list-follow li a {
    width: 34px;
    height: 31px;
    color: #202121;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#footer .box-social .list-follow li a:before {
    font-size: 32px;
    line-height: 31px;
}
#footer .box-social .list-follow li.facebook a{
    width: 21px;
}
#footer .box-social .list-follow li.googleplus a{
    width: 30px;
}
#footer .box-social .list-follow li.googleplus a:before{
    font-size: 28px;
}
#footer .box-social .list-follow li.pinterest a{
    width: 26px;
}
#footer .box-social .list-follow li.pinterest a:before{
    font-size: 28px;
}
#footer .box-social .list-follow li.youtube a{
    width: 30px;
}
#footer .box-social .list-follow li.youtube a:before{
    font-size: 28px;
}
#footer .box-social .list-follow li.rss a:before{
    font-size: 26px;
}

#footer .box-social .list-follow li a:hover{
    opacity: .75;
}

/* Video-Conference */

.video-conference {
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
}
.video-conference img {
    margin-bottom: 10px;
}
.video-conference .bt-play {
    margin-top: 15px;
}
.video-conference .bt-play:before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    left: -40px;
    width: 130px;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
}

#footer .video-conference {
    height: 430px;
    background-image: url(../img/bg-footer-conference.jpg);
    background-repeat: no-repeat;
    background-position: center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
#footer .video-conference .content {
    padding-top: 123px;
}

/* LIST TABLE */

.list-table{
    margin-bottom: 58px;
}
.list-table > li{
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #d2d6d5;
    overflow: hidden;
}
.list-table > li:last-child{
    border-bottom: none;
}
.list-table > li figure{
    position: relative;
    top: 11px;
    float: left;
    width: 81px;
}
.list-table > li .info{
    padding-left: 103px;
}
.list-table > li h1,
.list-table > li h3{
    margin: 0;
    font-size: 17px;
}
.list-table > li h1 a,
.list-table > li h3 a{
    color: #313131;
}
.list-table > li .col{
    position: relative;
    float: left;
}
.list-table > li .col.n-1{
    width: 18.5%;
}
.list-table > li .col.n-2{
    width: 59.5%;
}
.list-table > li .col.n-3{
    width: 22%;
    text-align: right;
}
.list-table > li .col.n-4{
    width: 80%;
}
.list-table > li .col.n-5{
    width: 50%;
}
.list-table > li .col.n-6{
    width: 31%;
}
.list-table > li h3,
.list-table > li p,
.list-table > li .row{
    display: block;
    margin-bottom: 0;
    line-height: 35px;
}
.list-table > li .col.n-2 p{
    
}

.list-table > li.new .col.n-3:before {
    content: 'NEW';
    position: absolute;
    top: -25px;
    right: 0;
    height: 17px;
    padding: 0 5px;
    background: #DF6C4F;
    font-size: 13px;
    color: #FFF;
    line-height: 18px;
    border-radius: 2px;
}

.label-new{
    display: inline-block;
    height: 17px;
    padding: 0 5px;
    background: #DF6C4F;
    font-size: 13px;
    font-style: normal;
    color: #FFF;
    line-height: 18px;
    border-radius: 2px;
}

/* LIST TABLE - Style2 */

.list-table.style2 > li .col.n-1 {
    width: 26%;
}
.list-table.style2 > li .col.n-2 {
    width: 55%;
}
.list-table.style2 > li .col.n-3 {
    width: 19%;
    top: 0;
}
.list-table.style2 > li figure{
    margin-right: 23px;
}

/* LIST TABLE - Style3 */

.list-table.style3 > li {
    padding: 15px 0;
}
.list-table.style3 > li .row {
    line-height: 40px;
}

/* LIST TABLE - Style4 */

.list-table.style4 > li {
    padding: 15px 0;
}
.list-table.style4 > li .col.n-1 {
    width: 75%;
}
.list-table.style4 > li .col.n-3 {
    width: 25%;
}
.list-table.style4 > li h3 {
    padding-top: 7px;
}
.list-table.style4 > li span {
    line-height: 40px;
    font-size: 14px;
}
.list-table.style4 > li figure{
    top:15px;
    width: auto;
    margin-right: 40px;
}
.list-table.style4 > li .col.n-3 span:first-child {
    text-transform: capitalize;
}
.list-table.style4 > li .col.n-3 span:nth-of-type(2) {
    margin-left: 10px;
}
.list-table.style4 > li .time{
    margin: 15px 0 10px 0;
    font-style: normal;
    color: #DF6C4F;
}
.list-table.style4 > li .time span{
    line-height: normal;
}

/* LIST TABLE - Related */

.list-table.related{
    margin: 0;
}
.list-table.related > li:first-child{
    padding-top: 0;
}
.list-table.related > li:last-child{
    padding-bottom: 0;
}

/* LIST TABLE - Job */

.list-table > li .new{
    display: inline-block;
    margin-left: 5px;
    padding: 4px 5px;
    background: #DF6C4F;
    font-size: 13px;
    color: #fff;
    line-height: normal;
}

/* LIST TABLE - Users */

.list-table.users > li .col.n-3{
    top: -28px;
    height: 70px;
}
.list-table > li .karma{
    margin-bottom: 7px;
    
    font-size: 27px;
}
.list-table > li .karma:after{
    position: relative;
    top: 5px;
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    background: url(../img/ico-laurel.svg) no-repeat;
    background-size: 100% 100%;
}

/* LIST TABLE - Winners */

.list-table > li .list-number-awards{
    position: relative;
    top: -19px;
    float: right;
}
.list-table > li .list-number-awards li{
    
}
.list-table > li .list-number-awards .bold{
    display: block;
    margin-bottom: 10px;
    
    font-size: 20px;
}

/* LIST TABLE - User */

.list-table > li .list-tags,
.list-table > li .list-follow{
    padding-top: 6px;
}

/* LIST TABLE - Votes */

.list-table .box-notesite{
    position: relative;
    top: -14px;
    float: right;
    padding-left: 23px;
}
.list-table .list-notes {
    position: relative;
    top: 9px;
}
.list-table .list-notes strong {
    display: block;
    margin-bottom: 10px;
}

/* BOX GALLERY */

.box-gallery{
    text-align: center;
}
.box-gallery .pag{
    margin-bottom: 50px;
    
    font-size: 24px;
}
.box-gallery .pag strong{
    
}

/* BOX-VIDEO */

.box-video{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
    z-index: 999;
}
.box-video iframe{
    float: left;
    width: 100%;
    height: 100%;
}
.box-video .close-video{
    position: absolute;
    top: 17px;
    left: 17px;
    width: 38px;
    height: 38px;
    border: 6px solid #606060;
    border-radius: 50%;
    text-indent: -23em;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;

    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.box-video .close-video:before,
.box-video .close-video:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 6px;
    margin: -3px 0 0 -9px;
    background-color: #606060;
    border-left: none;
    border-top: none;

    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.box-video .close-video:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.box-video .close-video:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.box-video .close-video:hover{
    border-color: #fff;
}
.box-video .close-video:hover:before,
.box-video .close-video:hover:after{
    background-color: #fff;
}

/* LAST ITEMS */

.last-items li{
    position: relative;
    padding:15px 0 13px 0;
    border-bottom: 1px solid #D5D7D6;
    line-height: 30px;
    overflow: hidden;
}
.last-items li:first-child{
    border-top: 1px solid #D5D7D6;
}
.last-items.one-item li:first-child{
    padding-top: 0;
    border-top: none;
}
.last-items li:last-child{
    border-bottom: none;
}
.last-items li.new:before{
    content: 'NEW';
    position: absolute;
    top: 22px;
    right: 0;
    height: 17px;
    padding: 0 5px;
    background: #DF6C4F;
    font-size: 11px;
    color: #FFF;
    line-height: 19px;
    border-radius: 2px;
}
.last-items li a:hover{
    color:#64686A;
}
.last-items li figure{
    margin-bottom: 20px;
}
.last-items li h5{
    margin-bottom: 7px;
    font-size: 17px;
}
.last-items li h5 a{
    color: #313131;
}
.last-items li .category,
.last-items li .location,
.last-items li .agency,
.last-items li .offer{
    font-size: 13px;
    text-transform: uppercase;
}
.last-items li .offer{
    float: right;
}
.last-items li .category,
.last-items li .category a,
.last-items li .agency,
.last-items li .offer{
    color: #3c948b;
}
.last-items li .category a:hover{
    text-decoration: underline;
}

/* OLD WINNER - Slider */

.cycle-slideshow {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 0;
}
.cycle-slideshow img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.cycle-pager{
    padding: 15px 0;
    text-align: center;
}
.cycle-pager span{
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    background: #cfd1d0;
    text-indent: 666em;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.cycle-pager span.cycle-pager-active{
    background: #444;
}
.cycle-slideshow a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -333em;
    overflow: hidden;
    z-index: 222;
}

/* BOX-DEFAULT */

.box-default{
    position: relative;
    width: 100%;
    padding: 23px;
    border: 1px solid #D2D6D5;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.box-default p:last-child{
    margin-bottom: 0;
}

.box-default .bottom {
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.box-default .bottom.right {
    left: auto;
    right: 15px;
}

.box-default .box-title {
    padding: 0 23px;
    background: #eee;
    line-height: 50px;
    overflow: hidden;
}
.box-default .box-title h4 {
    margin-bottom: 0;
    line-height: 50px;
}
.box-default .box-title .list-tags {
    padding-top: 14px;
}

.box-default .box-content {
    padding: 23px;
}

/* other */

.box-default.featured,
.box-default.style2.featured{
    border-color: #3C948B;
}
.list-directory .box-default.featured{
    border-color: transparent;
}
#block-directory-ad .box-default:not(.featured){
    border-color: #E1E3E4;
}

/* style 2 */

.box-default.style2{
    border-color: transparent;
    background-color: #F4F4F4;
}

/* style 3 */

.box-default.style3{
    padding: 15px;
}

/* Style 4 */

.box-default.style4{
    padding: 0;
    border: none;
    background-color: #F4F4F4;
    padding-bottom: 40px;
}
.box-default.style4 .info{
    padding: 15px;
}
.box-default.style4 a {
    color: #fff!important;
}
.box-default.style4 .row {
    margin-bottom: 10px;
    line-height: normal;
}
.box-default.style4 div.row {
    line-height: 23px;
}
.box-default.style4 figure{
    z-index: 2;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.box-default.style4:hover{
    background-color: #ECECEC;
}
.box-default.style4:hover figure{
    opacity: .7;
}
.box-default.style4 .bt-link{
    display: block;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    text-indent: -23em;
    overflow: hidden;
}

.box-default.style4 .ico-facebook{
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #D4D5D6;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #D4D5D6;
    overflow: hidden;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.box-default.style4 .ico-facebook:before{
    margin: 0;
}
.box-default.style4:hover .ico-facebook{
    border: 2px solid #3C948B;
    color: #3C948B;
}

/* Style 5 */

.box-default.style5{
    padding: 0;
    border: none;
    background-color: #F4F4F4;
}

/* Box-Event */

.box-default.box-event {
    padding-bottom: 50px!important;
}
.box-default.box-event p {
  font-size: 14px;
}
.box-default .twitter {
  position: absolute;
  bottom: 15px;
  left: 15px;
  line-height: 23px;
}

.box-default .twitter:before {
  
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  margin-right: 3px;
  
  font-size: 23px;
  text-decoration: inherit;
  font-variant: normal;
  overflow: hidden;
}

/* dark */

.box-default.style-dark{
    background-color: #343434;
    color: #fff;
}
.box-default.style-dark:hover{
    background-color: rgba(52, 52, 52, 0.8);
}

/* BOX-INFO */

.box-default.box-info h2{
    line-height: 150%;
}

/* BOX-COMBO */

.box-combo{
    position: relative;
    width: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all .25s;
    transition: all .25s;
}
.box-combo .info{
    position: relative;
    padding: 35px;
    border: 1px solid #D2D6D5;
}
.box-combo .info p{
    margin: 0;
}

.box-combo .head{
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}
.box-combo .heading-title {
    line-height: 130%;
}
.box-combo .heading-title a{
    color:#313131;
}
.box-combo .heading-title a:hover{
    color:#64686A;
}

.box-combo figure{
    position: relative;
    top: -1px;
    clear: both;
    width: 100%;
}

.box-combo figure + .info{
    top: -1px;
}

/* style 2 */

.box-combo.style2{
    background-color: #F4F4F4;
}
.box-combo.style2 .info{
    border-color: transparent;
}

/* BOX-POST */

.box-post{
    background-color: #F4F4F4;
}
.box-post figure{
    position: relative;
    margin-bottom: 20px;
}
.box-post h3 {
    margin-bottom: 10px;
}
.box-post h3 a{
    color: #313131;
}
.box-post .row{
    display: block;
    margin-bottom: 15px;
}
.box-post .row:last-child{
    display: block;
    margin-bottom: 0;
}
.box-post .row.category{
    color: #3C948B;
}

/* BOX-DIRECTORY */

.box-directory h3{
    margin-bottom: 0;
}
.box-directory h3 a{
    color: #313131;
}
.box-directory h3 a:hover {
    color: #64686A;
}
.box-directory p{
    margin-bottom: 0;
}
.box-directory .list-users{
    margin-left: -15px;
    padding: 25px 0 15px 0;
    overflow: hidden;
}
.box-directory .list-users li{
    float: left;
    width: 25%;
    padding: 0 0 15px 15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-directory .list-users li:nth-child(4n+1) {
    clear: both;
}
.box-directory .list-users li figure{
    overflow: hidden;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.box-directory .list-users li figure img{
    float: left;
    width: 100%;
    height: auto;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* LIST-BOXES */

.list-flex{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-flex .col{
   display: -webkit-flex;
   display: flex;
}

/* BOX-USER */

.box-user:hover {
    background-color: #ECECEC;
    border-color: #ECECEC;
}
.box-user .info{
    position: relative;
    margin-bottom: 20px;
    padding-left: 100px;
}
.box-user .info figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
}
.box-user .info .row{
    display: block;
    height: 25px;
    margin: 0;
    line-height: 170%;
    overflow: hidden;
}
.box-user .link,
.box-user .icon{
    position: relative;
    z-index: 2;
}
.box-user .info h3.row{
    height: 33px;
}
.box-user .info h3 a{
    color: #313131;
}
.box-user .info h3 a:hover{
    color: #64686A;
}
.box-user .info h3.row .ico-crown{
    position: relative;
    top: -2px;
    font-size: 17px;
    color: #D4D5D6;
}
.box-user .info h3.row .ico-crown:before{
    margin: 0;
}
.box-user .desc{
    height: 73px;
    margin: -10px 0 15px 0;
    font-size: 14px;
    
}
.box-user .websites {
    padding: 20px 0 10px 0;
    overflow: hidden;
}
.box-user .websites ul{
    margin-left: -15px;
    padding-bottom: 23px;
    overflow: hidden;
}
.box-user .websites li{
    float: left;
    width: 50%;
    padding: 0 0 15px 15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-user .url-profile{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -234em;
    z-index: 1;
}
.box-user .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 23px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-user .bottom a{
    margin-right: 10px;
}
.box-user .bottom a:nth-child(2){
    margin-right: 0;
}
.box-user .bottom .ico-laurel{
    display: inline-block;
    position: relative;
    margin-top: -6px;
    float: right;
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
}
.box-user .bottom .ico-laurel:before{
    position: absolute;
    display: block;
    height: 32px;
    margin: 0;
    line-height: 32px;
    font-size: 32px;
    color: #D4D5D6;
    letter-spacing: -1px;

}

/* HEAD-BOX-FORM */

.head-box-form{
    margin-bottom: 23px;
    text-align: center;
}
.head-box-form .heading-title{
    margin-bottom: 10px;
}
.head-box-form :last-child{
    margin-bottom: 0;
}

/* Light */

.head-box-form.light{
    color: #fff;
}

/* BOX-MSG */

.box-msg{
    padding: 40px;
    background-color: #F4F4F4;
}
.box-msg.light{
    background-color: rgba(255,255,255,0.75);
}
.box-msg p:last-child{
    margin-bottom: 0;
}

/* MAP DIRECTORY */

#map_directory{
    height: 500px;
    background: transparent!important;
}
#map_directory img{
    max-width: none;
}

#map_directory .infowindow {
    width: 400px;
    min-height: 260px;
    padding: 6px 3px;
    overflow: hidden;
}
#map_directory .infowindow figure{
    float: left;
    margin: 0 0 14px 0;
}
#map_directory .infowindow strong{
    font-weight: 500;
}
#map_directory .infowindow .head-profile{
    padding: 15px 0 0 120px;
}
#map_directory .infowindow .head-profile li{
    margin-bottom: 10px;
    line-height: 15px;
    font-size: 15px;
}
#map_directory .infowindow .head-profile li:nth-child(1){
    
    font-size: 17px;
}
#map_directory .infowindow p{
    clear: both;
    margin-bottom: 5px;
}
#map_directory .infowindow .list-tags  {
    padding-top: 5px;
}

.box-cluster{
    position: absolute;
    opacity: 0.75;
    color: #fff;
    cursor: pointer;

    backface-visibility: hidden;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.box-cluster:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    border-radius: 50%;
    z-index: -1;

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.box-cluster:hover{
    opacity: 1;
}
.box-cluster:hover:before{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.box-cluster.type1{
    font-size: 12px;
}
.box-cluster.type2{
    font-size: 14px;
}
.box-cluster.type3{
    font-size: 16px;
}

.box-cluster.type1:before{
    background: #ECD06F;
}
.box-cluster.type2:before{
    background: #3C948B;
}
.box-cluster.type3:before{
    background: #DF6C4F;
}

/* NO-RESULTS */

.no-results{
    padding: 80px 0 150px 0;
    text-align: center;
    
    font-size: 20px;
}
.no-results strong{
    
    color: #3c948b;
}
.no-results span{
    
}
.no-results span:before{
    content: '';
    position: relative;
    top: 16px;
    display: inline-block;
    width: 50px;
    height: 48px;
    background: url(../img/cable.svg) center no-repeat;
}

/* BT-PLAY */

.bt-play{
    position: relative;
    display: inline-block;
    width: 46px;
    height: 46px;
    border: 8px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    text-indent: -999em;
    cursor: pointer;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bt-play.style2{
    width: 58px;
    height: 58px;
    border-width: 1px;
}
.bt-play:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 0;
    margin: -12px 0 0 -6px;
    border: solid transparent;
    border-left-color: rgba(255, 255, 255, 0.5);
    border-width: 12px 20px;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bt-play:hover:after{
    border-left-color: rgba(255, 255, 255, 0.8);
}
.bt-play:hover{
    border-color: rgba(255, 255, 255, 0.8);
}

.bt-play.animate{
    -webkit-animation: animeBorder .8s infinite;
    animation: animeBorder .8s infinite;
}
.bt-play.animate:hover{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes animeBorder {
    0% { border-color: rgba(255, 255, 255, 0.5); }
    50% { border-color: rgba(255, 255, 255, 1); }
    100% { border-color: rgba(255, 255, 255, 0.5); }
}
@keyframes animeBorder {
    0% { border-color: rgba(255, 255, 255, 0.5); }
    50% { border-color: rgba(255, 255, 255, 1); }
    100% { border-color: rgba(255, 255, 255, 0.5); }
}

/* BT-PLAY (Green) */

.bt-play.bt-green{
    border-color: rgba(64, 159, 137, 0.5);
}
.bt-play.bt-green:hover:after{
    border-left-color: rgba(64, 159, 137, 0.8);
}
.bt-play.bt-green:after {
    border-left-color: rgba(64, 159, 137, 0.5);
}
.bt-play.bt-green.animate{
    -webkit-animation: animeBorderGreen .8s infinite;
    animation: animeBorderGreen .8s infinite;
}

@-webkit-keyframes animeBorderGreen {
    0% { border-color: rgba(64, 159, 137, 0.5); }
    50% { border-color: rgba(64, 159, 137, 1); }
    100% { border-color: rgba(64, 159, 137, 0.5); }
}
@keyframes animeBorderGreen {
    0% { border-color: rgba(64, 159, 137, 0.5); }
    50% { border-color: rgba(64, 159, 137, 1); }
    100% { border-color: rgba(64, 159, 137, 0.5); }
}

figure .bt-play{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
    border-color: #F4F4F4;
}
figure .bt-play:after{
    border-left-color: #F4F4F4;
}

/* BOX-PHOTOVIDEO */

.box-photovideo{
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.box-photovideo .bg-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

.box-photovideo .video-container{
  position: relative;
  margin: 0;
  z-index: 1;
}

.box-photovideo .vertical-center{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;

  -webkit-transition: all .3s;
  transition: all .3s;
}
.box-photovideo:hover .vertical-center{
  opacity: .5;
}

.box-photovideo .info{
  width: 100%;
  text-align: center;
  color: #fff;
}

.box-photovideo h2{
  margin-bottom: 10px;
  
  font-weight: normal;
  font-size: 30px;
  line-height: 120%;
}

.box-photovideo .title{
  display: block;
  
}
.box-photovideo .title:after{
  content: '';
  display: block;
  width: 80px;
  margin: 8px auto;
  border-bottom: 2px solid #fff;
}

.box-photovideo .bt-play{
  border-color: #fff;
}
.box-photovideo .bt-play:after{
  border-left-color: #fff;
}

.box-photovideo.open .vertical-center{
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all .6s 0s;
  transition: all .6s 0s;
}
.box-photovideo.open .bg-video{
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;
}
.box-photovideo.open .video-container{
  opacity: 1;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;
}

/* MSG-ALERT FORMS */

.msg-alert:empty {
  display: none;
}
.msg-alert .content {
  margin-bottom: 23px;
  padding: 23px;
  background: #3c948b;
  color: #fff;
  
}
.msg-alert p {
  margin-bottom: 0;
}

/* LOADIND INFINITE SCROLL */

.infinite-loading {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 40px;
    width: 200px;
    margin-left:-100px;
    padding: 10px;
    background: #3C948B;
    text-align: center;
    opacity: 0.8;
    color: #fff;
    border-radius: 2px;
    z-index: 999;
}
.infinite-loading img {
    display: none;
}

/* VIDEOS */

.video-container {
    margin-bottom: 20px;
}
.video-container iframe{
    border: none;
}

/* MENU MOBILE */

#menu-mobile{
    display: none;
    position: absolute;
    top: 48px;
    bottom: 0;
    right:0;
    width: 0;
    height: 100%;
    /*min-height: 100%;*/
    background: #343434;
    font-size: 13px;
    line-height: 36px;
    text-transform: uppercase;
    color: #a6abab;
    z-index: 1000;

    -webkit-transition: width .25s ease-out;
    transition: width .25s ease-out;
}
#menu-mobile.open{
    width: 250px;
}

body.header-fixed #menu-mobile{
    position: fixed;
    top: 0;
}
#header.style2 #menu-mobile{
    top: 0;
}

#menu-mobile .wrapper-nav{
    position: relative;
    top: -1px;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    background: #343434;
    overflow: hidden;
    overflow-y: auto;
}

/* MENU MOBILE - Bt */

#menu-mobile .bt-menu {
    position: absolute;
    top: -1px;
    left: -66px;
    width: 66px;
    height: 68px;
    background: #343434;
    text-indent: -23em;
    overflow: hidden;
    cursor:pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#menu-mobile .bt-menu:hover,
#menu-mobile .bt-menu.active {
    background: #444;
}
#menu-mobile .bt-menu:before,
#menu-mobile .bt-menu:after {
    position: absolute;
    top: 22px;
    left: 22px;
    content: '';
    display: block;
    width: 22px;
    height: 5px;
    border-top: 4px solid #888;
    border-bottom: 4px solid #888;
}
#menu-mobile .bt-menu:after {
    top: 40px;
    left: 22px;
    border-top: 4px solid #888;
    border-bottom: none;
}

/* MENU MOBILE - Menu */

#menu-mobile ul li ul {
    display: none;
    position: static;
    opacity: 1;
    min-width: auto;
}
#menu-mobile ul li.visible ul {
    display: block;
}
#menu-mobile li{
    width: 173px;
    padding: 0 30px;
    
    line-height: 36px;
    overflow: hidden;
}
#menu-mobile li li{
    width: auto;
    padding: 0;
    
    line-height: 25px;
}

#menu-mobile a {
    color: #a6abab;
}
#menu-mobile ul li.active a,
#menu-mobile a:hover,
#header nav.main #menu-mobile ul a:hover,
#header nav.main #menu-mobile ul > li:hover > a{
    color: #fff;
    background: transparent;
}
#menu-mobile ul li a {
    display: block;
}
#menu-mobile ul li:first-child a {
    padding-top: 18px;
}
#menu-mobile ul li li:first-child a {
    padding-top: 0;
}

#menu-mobile ul li em{
    display: block;
    font-style: normal;
    cursor: pointer;

    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
#menu-mobile ul li em:hover{
    color: #fff;
}

/* MENU MOBILE - Search text */

#menu-mobile .box-search{
    margin: 15px 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    overflow: hidden;
}
#menu-mobile .box-search span,
#menu-mobile .box-search .bt-search{
    display: block;
}
#menu-mobile .box-search span{
    margin-bottom: 7px;
    line-height: normal;
}
#menu-mobile .box-search form{
    position: relative;
}
#menu-mobile .box-search .text{
    float: left;
    width: 100%;
    height: 30px;
    padding: 0 45px 0 10px;
    background: #a6abab;
    border: none;
    border-radius: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#menu-mobile .box-search .text:focus,
#menu-mobile .box-search .bt-search:focus{
    outline: none;
}
#menu-mobile .box-search .bt-search{
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 30px;
    padding: 0 5px;
    line-height: 31px;
    background: #888;
    text-align: center;
    color: #313131;
    
    border: none;
    border-radius: 0;
    cursor: pointer;

    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
#menu-mobile .box-search .bt-search:hover{
    opacity: .75;
}

/* MENU MOBILE - Others */

#menu-mobile .others {
    padding-top: 10px;
    padding-bottom: 15px;
}
#menu-mobile .others{
    
}

/* */

body.page-transition #content{
    opacity: 0;
}
body.page-transition #header nav.nav-sidebar .wrapper-nav{
    overflow: hidden;
    height: 100%;
}

/* BT-ADMIN-EDIT */

.admin-edit {
    position: fixed;
    top: 12px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    z-index: 9999;
    text-align: center;
}

/* MEDIA QUERIES */

@media screen and (max-width: 1570px) {

    /* FOOTER-BOX-FEATURE */

    #footer .box-featured .grid {
        padding: 0;
    }
    #footer .box-featured .grid .col{
        width: 25%;
    }
    #footer .box-featured .col-4 .col:nth-of-type(n+1) {
        clear: none;
    }

    /* BLOCK-DIRECTORY-AD */

    #block-directory-ad .col:nth-of-type(3) {
        display: none;
    }
    #block-directory-ad .col-4 .col:nth-of-type(3n+1) {
        clear: none;
    }
    #block-directory-ad .box-default {
        min-height: 329px;
    }

}

@media screen and (max-width: 1555px) {

    .inner{
        max-width: 100%;
        padding: 0 66px;
    }

}

/* GRID (6 COLS to 5) - 218*5 + 23*5 + 66*2 */

@media screen and (max-width: 1337px) {

    /* BLOCK - Related */

    .col-6.related .col:nth-child(6){
        display: none;
    }
    .col-6.related .col.n-2 {
        width: 19.99%;
    }

}

@media screen and (max-width: 1280px) {

    /* BANNER */

    .sponsors .banner:nth-child(5){
        display: none;
    }
    .sponsors .banner{
        width: 33.33%;
    }

}

/* GRID (6 COLS to 4) - 218*4 + 23*4 + 66*2 */

@media screen and (max-width: 1096px) {

    /* BLOCK - Related */

    .col-6.related .col:nth-child(5){
        display: none;
    }
    .col-6.related .col.n-2 {
        width: 24.99%;
    }

    /* FOOTER */

    #footer .left,
    #footer .right{
        float: none;
    }
    #footer nav.footer .right ul{
        margin-bottom: 0;
        padding-top: 20px;
    }

    /* BLOCK-DIRECTORY-AD */

    #block-directory-ad .col:nth-of-type(2) {
        display: none;
    }
    #block-directory-ad .col-4 .col:nth-of-type(2n+1) {
        clear: none;
    }
    #block-directory-ad .box-default {
        min-height: 345px;
    }

}

@media screen and (max-width: 1024px) {

    .inner{
        padding: 0 23px;
    }
    .inner.width-2 {
        max-width: none;
    }

}

@media screen and (max-width: 1170px) {

    /* Nav-Main */

    #header nav.main li {
        display: none;
    }

    /* HEADER MOBILE - Menu Search */

    #header nav.search ul.menu-responsive {
        right: 66px;
    }

    #menu-mobile {
        display: block;
        width: 66px;
        height: 68px;
    }
    #header .bt-filters{
        display: none;
    }

    /* HEADER MOBILE - Submit */

    #header nav.main li.submit {
        display: block;
        right: 66px;
    }

}

/* Footer - Box-Featured */

@media screen and (max-width: 986px) {

    /* FOOTER-BOX-FEATURE */

    #footer .box-featured .grid {
        width: auto;
        padding: 0 23px;
    }

}

/* GRID (6 COLS to 3) - 218*3 + 23*3 + 66*2 */

@media screen and (max-width: 855px) {

    /* BLOCK - Related */

    .col-6.related .col:nth-child(4){
        display: none;
    }
    .col-6.related .col.n-2 {
        width: 33.32%;
    }

}

@media screen and (max-width: 768px) {

    #header nav.search,
    #nav-filter,
    .bt-pag.fixed,
    .heading-h4 .right,
    #header nav.top .slogan {
        display: none;
    }

    body.header-fixed {
        padding-top: 0;
    }
    body.header-fixed #header {
        position: relative;
        top: auto;
        left: auto;
    }

    /* BANNER */

    .sponsors .banner:nth-child(3){
        display: none;
    }
    .sponsors .banner{
        width: 50%;
    }

    /* LABEL */

    figure .label,
    figure .label.large {
        width: 27px;
        height: 80px;
        margin-top: -40px;
    }

    /* LIST TABLE - Style4 */

    .list-table.style4 > li .col.n-1 {
        width: 60%;
    }
    .list-table.style4 > li .col.n-3 {
        width: 40%;
    }

    /* Footer - Box-Featured */

    #footer .box-featured .grid .col {
        width: 33.33%;
    }
    #footer .box-featured li:nth-child(3){
        display: none;
    }

}

/* GRID (6 COLS to 2) - 218*2 + 23*2 + 66*2 */

@media screen and (max-width: 614px) {

    /* BLOCK - Related */

    .col-6.related .col:nth-child(3) {
        display: none;
    }
    .col-6.related .col.n-2{
        width: 49.99%;
    }

    /* FOOTER-BOX-FEATURE */

    #footer .box-featured .grid .col{
        width: 50%;
    }
    #footer .box-featured li:nth-child(2){
        display: none;
    }

    /* BLOCK-DIRECTORY-AD */

    #block-directory-ad .col {
        padding-bottom: 23px;
    }
    #block-directory-ad .col:last-child {
        padding-bottom: 0;
    }
    #block-directory-ad .box-default {
        min-height: inherit;
    }

}

@media screen and (max-width:480px) {

    #header nav.main li.submit{
        display: none;
    }

    /* BANNERS */

    .sponsors .banner:first-child{
        display: inline-block;
    }

    /* LIST TABLE - Style4 */

    .list-table.style4 > li .col.n-3 {
        display: none;
    }
    .list-table.style4 > li .col.n-1 {
        float: none;
        width: 100%;
        text-align: left;
    }
    .list-table.style4 > li figure {
        margin-right: 23px;
    }

    /* FOOTER */

    #footer .box-featured {
        padding-top: 50px;
    }

}